Astuce : convertissez rapidement des images en base64 dans votre navigateur

Anthony Nelzin-Santos |

Il aura fallu une erreur de manipulation pour que l’on trouve cette « astuce » : si vous ouvrez un nouvel onglet en glissant une image depuis l’inspecteur web de Chrome ou de Safari, vous obtiendrez… son code base64. L’intérêt de cette manipulation est assez limité face à la ligne de commande (openssl base64 -in image.jpg -out imagebase64.txt) ou des utilitaires dédiés, mais sachez donc qu’elle existe.

Certains développeurs encodent les images en base64 pour limiter le nombre de requêtes serveur, ce qui peut s’avérer utile pour les fonds ou les icônes appelés depuis une feuille de style : au lieu de charger le fichier CSS et les diverses images (plusieurs requêtes), il suffit de charger le fichier CSS qui contient le code base64 des images (une requête). La prise en charge des images en base64 d’Internet Explorer est néanmoins assez limitée, et le code « pèse » un tiers de plus que l’image correspondante.

avatar coloribus | 

En n'oubliant pas de préciser le type mime.

avatar BennyLaMalice | 

Et c'est d'autant plus utile sur les versions mobiles des sites Web car la latence réseau des technologies 2 et 3G sont catastrophiques...

avatar Sephi-Chan | 

Compass FTW.

CONNEXION UTILISATEUR