À propos du projet
img2css est un outil web qui convertit une image en CSS pur. Sa technique principale recrée l'image en utilisant uniquement des box-shadows : chaque pixel est redimensionné et défini comme une ombre de boîte d'un div d'un seul pixel, donc aucune balise img ni background-image n'est nécessaire. Le projet note que cette sortie peut devenir très volumineuse et n'est pas recommandée pour la production, sauf si aucune autre option n'existe.
Un deuxième mode de sortie intègre le fichier image entier dans une balise img en utilisant base64, éliminant ainsi le besoin d'hébergement externe.
L'outil est disponible via une page web hébergée. Le README fait également référence à une bibliothèque programmatique connexe (canvas-image-utils) pour ceux qui souhaitent effectuer la conversion en code, et à une expérience d'animation par pixel séparée (morphin).
Le développement utilise pnpm : pnpm install et pnpm dev pour le travail local, tandis que pnpm build écrit le site statique dans un répertoire out/. Pousser vers la branche principale déploie le site sur une branche gh-pages.
Comments
0 people shared their preference · Deer Point appears after 10 participants
Sign in to join the discussion.