Le site à la con du jour c’est celui-ci. Le concept est simple… Transformer n’importe quelle image en CSS. J’avais déjà parlé d’un outil similaire mais sur celui que je vous présente aujourd’hui, pas la peine de vous créer un compte sur le site.
Alors évidemment, j’ai testé avec une image de 35 Ko et je me suis retrouvé avec une CSS de 2,5 MB. Normal car chaque pixel est converti en CSS.
Mais dans le cas de petites images avec peu de couleurs, ça peut être intéressant.
XIAOMI – Smartphone MI 8 LITE
Écran 6.26″ avec encoche
Mi 8 Lite La même qualité de photo impressionnante avec une encoche 45% plus petite
Finition en dégradé et effet miroirVerre 2.5D dans un élégant cadre entièrement en métal qui rayonne de couleur
Caméra Sony 24 MP selfie
L’aperçu du Mi 8 Lite montre les photos déjà amélioréesLa caméra avant avec ses larges pixels de 1.8 μm est capable de détecter les scènes et d’ajuster la lumière grâce à l’IA pour que vos photos soient époustouflantes de jour comme de nuit.
Effet de maquillage par IA du Mi 8 Lite
Bonjour,
quel est l’intérêt de faire ça ? (!! c’est juste une question…)
Article à la con, site à la con, et commentaire à la con
on a le pack 3 en 1
utilité 0
Les images en base64 sont à utiliser avec des pincettes : ça peut alourdi le site (un base64 est plus gros qu’un PNG -même en utilisant GZIP), le cache du browser est bypassé, notamment si l’image est affiché plusieurs fois
Sur une connexion lente (Ex: en EDGE) le chargement d’une page est impacté :
Sans :
Avec image dans le CSS :
L’utilisateur va rester plus longtemps sans style, certaines images (encodé dans le CSS) arriveront avant les autres en
Avec images dans le HTML :
L’utilisateur va patienter plus longtemps avec un écran blanc, certaines images vont arriver avant même la mise en forme