Outil de pixel art en ligne gratuit

Éditeur de pixels pour favicon

Dessinez un favicon net pixel par pixel – de 16×16 à 64×64 – ou peaufinez une image importée, puis transformez-la en pack de favicons complet en un clic.

Outil: Crayon Pixel: – Taille: 16 × 16
Raccourcis clavier et astuces
  • BCrayon
  • EGomme
  • GPot de peinture
  • IPipette
  • LLigne
  • RRectangle
  • OEllipse
  • MDéplacer l'image (en boucle)
  • XÉchanger la couleur principale et secondaire
  • #/Afficher/masquer la grille
  • Ctrl+ZAnnuler
  • Ctrl+YCtrl+Shift+ZRétablir
  • +-0Zoom avant, arrière, ajuster
  • ShiftLignes droites, carrés et cercles parfaits
  • ←→Décaler l'image (outil Déplacer)
  • EscAnnuler la forme en cours

Le clic droit peint avec la couleur secondaire. Sur les écrans tactiles, un deuxième doigt annule le tracé en cours.

Comment dessiner un bon favicon 16×16

Un favicon n'est généralement affiché qu'en 16 ou 32 pixels : chaque pixel compte. Le dessiner à la main sur une grille de pixels vous offre des contours nets et un contrôle total – ce qu'un logo réduit automatiquement permet rarement d'obtenir.

Commencez avec la grille 16×16 et gardez un design simple : une lettre en gras, un symbole simple ou la partie la plus reconnaissable de votre logo. Utilisez un fort contraste pour que l'icône reste lisible sur les onglets de navigateur clairs comme sombres, et vérifiez les aperçus en direct pendant que vous dessinez.

Lorsque le résultat vous convient, cliquez sur « Générer des favicons à partir de ce dessin ». Le générateur préserve la netteté des pixels et crée favicon.ico, des icônes PNG, des Apple touch icons et des icônes Android à partir de votre dessin.

Conseils pour des favicons pixel art nets

  • Utilisez deux à quatre couleurs : trop de nuances deviennent du bruit aux petites tailles.
  • Laissez une marge de 1 pixel ou remplissez tout le carré ; évitez les formes qui ne touchent que certains bords.
  • Privilégiez les lignes horizontales et verticales ; les lignes diagonales rendent mieux à 45 degrés.
  • Utilisez le mode miroir pour les icônes symétriques et la couleur transparente pour les zones translucides.
  • Dessinez en 32×32 ou 48×48 si votre icône est détaillée : les tailles plus grandes sont utilisées sur les écrans haute résolution.