|
|
(6 versions intermédiaires par 2 utilisateurs non affichées) |
Ligne 10 : |
Ligne 10 : |
| phpinfo(); | | phpinfo(); |
|
| |
|
| == Transformer le code source en HTML pour la publication sur le Web == | | == Gagner de l'espace – convertir les images en AVIF == |
| [[Fichier:Sc toHTML1.png|vignette|alt=Copie d'écran : Vim et :TOhtml|Commande TOhtml dans l'éditeur de text Vim]]
| | Le format de fichier [https://fr.wikipedia.org/wiki/AVIF AVIF] permet d''''épargner énormément d'espace sur les serveurs''' d'Infini, tout en conservant la qualité de vos images. Si vous partez d'une photo en format « raw » ou « tif », vous gagnez même en qualité en réduisant la taille de vos fichiers, si nous comparons le résultat à JPEG. |
| [[Fichier:Sc toHTML2.png|vignette|alt=Copie d'écran : display après la commande TOhtml dans Vim|Display après avoir lancé la commande TOhtml dans Vim]]
| |
| Les éditeurs de text « [https://www.vim.org/ Vim] » et « GVim » permettent de créer une version en HTML d'un code, actuellement visible dans l'éditeur. Ceci permet la coloration syntaxique dans le document résultant et, donc, d'augmenter la lisibilité.
| |
|
| |
|
| La procédure:
| | <div style="border-radius:5px;border:1px solid black;padding:0 5pt 0 5pt;">Les navigateurs Web modernes y [https://caniuse.com/?search=AVIF sont adaptés] et affichent ces images.</div> |
|
| |
|
| <ol>
| | Bien que le serveur Web chez Infini est également préparé pour communiquer les images en format Avif aux navigateurs, pour certain logiciels, qui sont developpés avec ''Qt WebEngine'' ( par exemple Qutebrowser ), il peut être nécessaire d'utiliser la directive « [https://httpd.apache.org/docs/2.4/fr/mod/mod_mime.html#addtype AddType] » dans le fichier [https://httpd.apache.org/docs/2.4/fr/howto/htaccess.html .htaccess] à la racine de votre site Web : |
| <li>Ouvrir un fichier qui contient le code dans vim ou gvim</li>
| |
| <li>Taper Esc pour s'assurer que le mode de commande est actif</li>
| |
| <li>Taper la commande <code>: TOhtml</code></li>
| |
| <li>Taper Return. L'affichage est divisé en deux avec la nouvelle version HTML en haut
| |
| </li>
| |
| <li>... faites ce que vous voulez de ce résultat : sauvez le ficher ( « script.html » ) ou faites un copier/coller vers une autre page HTML.</li>
| |
| </ol>
| |
|
| |
|
| Il est rare que le HTML obtenu soit d'office utilisable. Il faut probablement modifier un peu le CSS, défini en haut de la page et/ou manipuler les attributs des balises générées. Dans tous les cas, la procédure est rapide et efficace.
| | <code>AddType image/avif .avif</code> |
|
| |
|
| == Cross-Browser Testing ==
| | Autrement, ces navigateurs essayeront de télécharger le fichier de l'image, plutôt que de l'afficher, si l'image est la cible d'un lien : |
| Testez vos pages Web ou applications Web en ligne dans plusieurs versions des navigateurs contemporains :
| |
| <ol>
| |
| <li>[https://smartbear.com/product/bitbar/free-trial/ BitBar]</li>
| |
| <li>[https://www.browserstack.com/users/sign_up BrowserStack]</li>
| |
| <li>[https://www.browserling.com/ Browserling]</li>
| |
| <li>[https://testingbot.com/users/sign_up TestingBot]</li>
| |
| </ol>
| |
| Les sites listés proposent des comptes gratuits pour se familiariser avec l'outil.
| |
|
| |
|
| == Gagner de l'espace – convertir les images en AVIF ==
| | <code><nowiki><a href="photo.avif">Photo</a></nowiki></code> |
| Le format de fichier [https://fr.wikipedia.org/wiki/AVIF AVIF] permet d''''épargner énormément d'espace sur le serveur''' d'Infini, tout en conservant la qualité de vos images. Si vous partez d'une photo en format « raw » ou « tif », vous gagnez même en qualité en réduisant la taille de vos fichiers, si nous comparons le résultat à JPEG.
| |
| | |
| <div style="border-radius:5px;border:1px solid black;padding:0 5pt 0 5pt;">Les navigateurs Web modernes y [https://caniuse.com/?search=AVIF sont adaptés] et affichent ces images.</div>
| |
| | |
| Pour <b>Linux</b>, divers convertisseurs sont disponibles, cherchez « ''avif'' » ou « ''heif'' » dans le système de gestion de paquets, qui fait partie de votre distribution de Linux.
| |
| | |
| Juste quelques exemples:
| |
| <dl>
| |
| <dt>:~$ avifenc image.jpg image.avif</dt>
| |
| <dd>pour rapidement convertir un JPEG en AVIF</dd>
| |
| <dt>:~$ convert -quality 100 image.tif image.png; avifenc -l image.png image.avif</dt>
| |
| <dd>la même chose, mais en gardant un maximum de détails dans l'image. avifenc ne transforme pas directement du format TIF, il faut donc d'abord convertir l'image sans compression en PNG.</dd>
| |
| <dt>:~$ heif-enc -A image.jpg</dt>
| |
| <dd>heif-enc est un autre convertisseur, qui a besoin de l'option -A pour imposer la transformation en AVIF.</dd>
| |
| </dl> | |
| === The Gimp === | | === The Gimp === |
| [https://www.gimp.org The Gimp] devrait exporter et ouvrir des fichiers en format AVIF depuis la version 2.10.22. De facto, il y a eu quelques soucis avec l'export des images par The Gimp. Vérifiez que ça fonctionne bien chez vous et que les images sont bien affichées dans le navigateur ou d'autres logiciels de votre choix. | | [https://www.gimp.org The Gimp] devrait exporter et ouvrir des fichiers en format AVIF depuis la version 2.10.22. De facto, il y a eu quelques soucis avec l'export des images par The Gimp. Vérifiez que ça fonctionne bien chez vous et que les images sont bien affichées dans le navigateur ou d'autres logiciels de votre choix. |
Ligne 60 : |
Ligne 28 : |
|
| |
|
| === Alternatives === | | === Alternatives === |
| De nombreuses alternatives à JPEG existent maintenant ( 2023 ) et ont toutes des avantages. Si vous n'aimez pas AVIF, considérez au moins [https://developers.google.com/speed/webp?hl=fr WebP] ou [https://jpeg.org/jpegxl/ JPEG XL]. | | De nombreuses alternatives à JPEG existent maintenant et ont toutes des avantages. Si vous n'aimez pas AVIF, considérez au moins [https://fr.wikipedia.org/wiki/WebP WebP] ou [https://jpeg.org/jpegxl/ JPEG XL]. |
| <br/>( et merci d'avance ) | | <br/>( et merci d'avance ) |
|
| |
| == Obtenir un certificat pour les connexions via TLS/SSL ==
| |
| Les certificats pour SSL et/ou TLS contribuent à la sécurité des échanges avec un serveur chez Infini en les rendant confidentiels.
| |
|
| |
| Pour le Webmaster, il peut être intéressant de pouvoir demander le certificat du serveur [[Utiliser_le_ftp|FTP]] d'Infini ( ftp.infini.fr ) chaque fois qu'il le souhaite, par exemple après une actualisation du certificat, quand les connexions via FTP échouent à cause du certificat périmé ou quand il travaille sur un autre ordinateur que d'habitude.
| |
|
| |
| === Se faire livrer un certificat avec OpenSSL ===
| |
| Décrire [https://openssl.org OpenSSL] comme un « logiciel » paraît insuffisant. C'est un monstre. Voici le [https://fr.manpages.org/openssl manuel de l'outil]<ref>Le manuel en anglais est probablement plus actuel : https://www.openssl.org/docs/manpages.html</ref>.
| |
|
| |
| Pourtant, nous n'avons pas besoin d'en connaître plus que quelques options utiles dans des situations précises. Voici
| |
| la commande, qui va acquérir le certificat actuel du serveur FTP :
| |
|
| |
| <code>:~$ openssl s_client -connect ftp.infini.fr:21 -showcerts -starttls ftp</code>
| |
|
| |
| La réponse est un peu cryptique, mais la plupart des informations affichées ne nous intéressent pas, ici.
| |
|
| |
| Il suffit de copier le premier des certificats, affichés tout en haut de la réponse du serveur. Puis nous le sauvegardons dans le fichier que notre client FTP va consulter au moment où il établit une connexion via FTP.
| |
|
| |
| === Exemples ===
| |
|
| |
| <ul><li>Pour le logiciel [https://lftp.yar.ru/ lftp], le fichier de configuration contient la ligne<br/>
| |
| <code>set ssl:ca-file "/.config/lftp/mycert.crt"</code><br/>
| |
| Le certificat se trouvera donc dans le fichier '''mycert.crt'''. Voici le contenu de ce fichier en septembre 2023 ( faire défiler ):
| |
| <div style="padding:5px;overflow:auto;height:10em;border:0.5pt solid black;border-radius:5px;">
| |
| <nowiki>-----BEGIN CERTIFICATE-----</nowiki><br/>
| |
| MIIGLjCCBRagAwIBAgIRAMUfdVL6SlCaFkfhGSJodHMwDQYJKoZIhvcNAQELBQAw
| |
| gY8xCzAJBgNVBAYTAkdCMRswGQYDVQQIExJHcmVhdGVyIE1hbmNoZXN0ZXIxEDAO
| |
| BgNVBAcTB1NhbGZvcmQxGDAWBgNVBAoTD1NlY3RpZ28gTGltaXRlZDE3MDUGA1UE
| |
| AxMuU2VjdGlnbyBSU0EgRG9tYWluIFZhbGlkYXRpb24gU2VjdXJlIFNlcnZlciBD
| |
| QTAeFw0yMzA4MjgwMDAwMDBaFw0yNDA4MjcyMzU5NTlaMBYxFDASBgNVBAMMCyou
| |
| aW5maW5pLmZyMIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAn6EE8x93
| |
| vcEe7d2eC5FUibpydJDmJ0Qhd3RiVXR74vam1Q31aunrFxBMZddqwVsej/ST0YV6
| |
| wWptNFkMGzaPRzS9m5LCxdxKz4w71ecXdh59AaAdSfM2sMBOo5w+YFyyEr/wbMd3
| |
| uwhJCtYxBopwiB4jj3z2JL06GyFqE3rFHLMR0uK7Vb0vv/cGPXUhXH4Vt5TVPuSb
| |
| VJu/CfL+nFtLxZ+ETmihDWafrU92wBAnWaYsEUUKhts7uoRjHUQ6/dv0LdgBYeTK
| |
| msohLrXAHWlDc9AFdiZsTmM4oNFF3UAuO7YUC3NmiYkyBh/DRireVb4zHLLx8tAB
| |
| CNhDJa0Jn6tfGwIDAQABo4IC+zCCAvcwHwYDVR0jBBgwFoAUjYxexFStiuF36Zv5
| |
| mwXhuAGNYeEwHQYDVR0OBBYEFPfeWvr7fCuzxaEwO622jbC3Mn+QMA4GA1UdDwEB
| |
| /wQEAwIFoDAMBgNVHRMBAf8EAjAAMB0GA1UdJQQWMBQGCCsGAQUFBwMBBggrBgEF
| |
| BQcDAjBJBgNVHSAEQjBAMDQGCysGAQQBsjEBAgIHMCUwIwYIKwYBBQUHAgEWF2h0
| |
| dHBzOi8vc2VjdGlnby5jb20vQ1BTMAgGBmeBDAECATCBhAYIKwYBBQUHAQEEeDB2
| |
| ME8GCCsGAQUFBzAChkNodHRwOi8vY3J0LnNlY3RpZ28uY29tL1NlY3RpZ29SU0FE
| |
| b21haW5WYWxpZGF0aW9uU2VjdXJlU2VydmVyQ0EuY3J0MCMGCCsGAQUFBzABhhdo
| |
| dHRwOi8vb2NzcC5zZWN0aWdvLmNvbTAhBgNVHREEGjAYggsqLmluZmluaS5mcoIJ
| |
| aW5maW5pLmZyMIIBgQYKKwYBBAHWeQIEAgSCAXEEggFtAWsAdwB2/4g/Crb7lVHC
| |
| Ycz1h7o0tKTNuyncaEIKn+ZnTFo6dAAAAYo8hxhcAAAEAwBIMEYCIQDZbwPZQobU
| |
| 2FdmpHyP0Yny0Lgba4iOsKjXOYJ+T+KCAQIhALTtiKGgZszaR64k+W8AiPjbGUeh
| |
| 31kEmLHwTpVWoWpaAHcA2ra/az+1tiKfm8K7XGvocJFxbLtRhIU0vaQ9MEjX+6sA
| |
| AAGKPIcYuAAABAMASDBGAiEA/6LySU0NC5v3OEjC3Y4ip+b3NlX1LhU4gYfkWZPn
| |
| sVsCIQCL8lS+Dcep/tqCg/It4u4wcxtTFfzf0vyhpFgwJjBh4AB3AO7N0GTV2xrO
| |
| xVy3nbTNE6Iyh0Z8vOzew1FIWUZxH7WbAAABijyHGIoAAAQDAEgwRgIhAK0YrU4K
| |
| ixhnT7fTuWdZm6bpkfPpcHQX747dv7m67xatAiEAjTeNwqmtR0jnD4jiGMfJwDEp
| |
| t/Z97qEFBqFuQv2VxmEwDQYJKoZIhvcNAQELBQADggEBANWu++1qyKrvGGxsKy9v
| |
| fXrTnMdPpCpiTiCzmdx5eJre9+3vpOXZ2/Sa8plcAO/vC3BNxkbus7uaxacKFRT0
| |
| 2OLoj/bgS5a3V/6TT00Wt1mujDMpidXGHzP5fjYWNi9qJqB5gjDW8rgn5ehxfnLV
| |
| /lxU5V3ce+Uk5Q503/IMkKP4HZgEMumLVkLOSsdSUihHNYfkWBbbd5iktXoga83q
| |
| XKH/AzB3GNpcMw0u+ghAcG08aWAiUz5ern5tze8sO3q5dENgdPiWxaYIo0+WHytO
| |
| sRIGnspkrEHL05I+7n3Kg5rpNuPT7N2iMmmYRW5Bc2ncYb55L4/E+ooUxL39R2Hg
| |
| Nb0=<br/>
| |
| <nowiki>-----END CERTIFICATE-----</nowiki>
| |
| </div>
| |
| </li>
| |
|
| |
| <li>[https://filezilla.fr/ FileZilla] cherche les certificats dans un fichier « ''trustedcerts.xml'' » qui se trouve sous Windows probablement dans<br/>
| |
| <code style="margin-left:2em;>"''%APPDATA%\FileZilla\trustedcerts.xml''</code><ref>FileZilla over TLS : https://wiki.filezilla-project.org/FTP_over_TLS</ref><br/>
| |
| pendent que la version de FileZilla pour Linux utilise<br/>
| |
| <code style="margin-left:2em;>''~/.config/.filezilla/trustedcerts.xml''</code><br/>
| |
| Ce fichier est au format XML et contient des balises. <b>Gardez la structure intacte</b>, quand vous manipulez le contenu.
| |
| </li></ul>
| |
|
| |
|
| == Références == | | == Références == |
Connaitre les extensions PHP installées
Si vous cherchez à savoir quelles extensions php sont installées et disponibles à l'utilisation.
- Créer un fichier
info.php
à partir d'un notepad
- Copier/coller le code (ci-dessous)
- Uploader le fichier à la racine de votre hébergement
- Consulter l'adresse : http://monsite.infini.fr/info.php
<?php
phpinfo();
Gagner de l'espace – convertir les images en AVIF
Le format de fichier AVIF permet d'épargner énormément d'espace sur les serveurs d'Infini, tout en conservant la qualité de vos images. Si vous partez d'une photo en format « raw » ou « tif », vous gagnez même en qualité en réduisant la taille de vos fichiers, si nous comparons le résultat à JPEG.
Les navigateurs Web modernes y
sont adaptés et affichent ces images.
Bien que le serveur Web chez Infini est également préparé pour communiquer les images en format Avif aux navigateurs, pour certain logiciels, qui sont developpés avec Qt WebEngine ( par exemple Qutebrowser ), il peut être nécessaire d'utiliser la directive « AddType » dans le fichier .htaccess à la racine de votre site Web :
AddType image/avif .avif
Autrement, ces navigateurs essayeront de télécharger le fichier de l'image, plutôt que de l'afficher, si l'image est la cible d'un lien :
<a href="photo.avif">Photo</a>
The Gimp
The Gimp devrait exporter et ouvrir des fichiers en format AVIF depuis la version 2.10.22. De facto, il y a eu quelques soucis avec l'export des images par The Gimp. Vérifiez que ça fonctionne bien chez vous et que les images sont bien affichées dans le navigateur ou d'autres logiciels de votre choix.
The Gimp a l'avantage de connaître une grande diversité de formats d'images et l'export fonctionne donc indépendamment du format d'origine.
Alternatives
De nombreuses alternatives à JPEG existent maintenant et ont toutes des avantages. Si vous n'aimez pas AVIF, considérez au moins WebP ou JPEG XL.
( et merci d'avance )
Références