Korben, roi d’internet, logo bébé avec des lunettes en mode thug life Korben, roi d’internet, logo bébé avec des lunettes en mode thug life

Korben Upgrade your mind

Transformer une image en CSS

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.

Capture d'écran 2015-11-11 08.44.28

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.


Clavier Logitech K270

A seulement 31 €

Equipé du récepteur Logitech Unifying, un récepteur sans fil compact qui reste branché sur votre ordinateur portable (pas besoin de le débrancher lorsque vous vous déplacez) et permet de connecter votre clavier à des périphériques supplémentaires lorsque vous en avez besoin

Technologie de connectivité sans fil 2,4 GHz avancée de Logitech® d’une portée de 10 m et passage en mode de fréquence automatique.

Huit touches de raccourci.

Fonctionne avec 2 piles AAA.

En Savoir +



Réponses notables

  1. Bonjour,

    quel est l’intérêt de faire ça ? (!! c’est juste une question…)

  2. zorg says:

    Article à la con, site à la con, et commentaire à la con
    on a le pack 3 en 1
    utilité 0
    :astonished:

  3. fofo says:

    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 :

    • (rapide) Chargement du texte,
    • (rapide) Chargement des CSS et application de la mise en forme,
    • (lent) Chargement des images, et des ressources AJAX

    Avec image dans le CSS :

    • (rapide) Chargement du texte,
    • (lent) Chargement des CSS et application de la mise en forme,
    • (lent) Chargement des images, et des ressources AJAX
      L’utilisateur va rester plus longtemps sans style, certaines images (encodé dans le CSS) arriveront avant les autres en

    Avec images dans le HTML :

    • (lent) Chargement du texte,
    • (rapide) Chargement des CSS et application de la mise en forme,
    • (lent) Chargement des images, et des ressources AJAX
      L’utilisateur va patienter plus longtemps avec un écran blanc, certaines images vont arriver avant même la mise en forme

Continuer la discussion sur Korben Communauté

10 commentaires supplémentaires dans les réponses

Participants

Comment découper une carte SIM sans la bousiller

vec certains téléphone, ça devient une vraie galère au niveau des cartes SIM. Entre la SIM classique (MiniSIM), la MicroSIM et la NanoSIM, difficile de s’y retrouver et surtout de passer d’une plus grande à une plus petite sans devoir attendre que les opérateurs veuillent bien se donner la peine de vous l’envoyer…

Lire la suite


6 outils pour cloner un disque dur sous Windows et Linux

Cloner c’est facile… Bon, ok, cloner un bébé, c’est déjà plus complexe mais un disque dur, c’est l’enfance de l’art… Alors bien sûr le logiciel le plus connu pour ça, est Ghost de Symantec mais au prix de 999,99 euros HT (j’déconne, je ne connais pas le prix en vrai), c’est déjà plus rentable de se mettre à cloner son petit frère artisanalement dans le garage…

Lire la suite