Editor de píxels per a favicons
Dibuixa un favicon nítid píxel a píxel (de 16×16 a 64×64) o retoca una imatge importada i converteix-la en un paquet de favicons complet amb un sol clic.
Dreceres de teclat i consells
- BLlapis
- EGoma d'esborrar
- GCubell de pintura
- IComptagotes
- LLínia
- RRectangle
- OEl·lipse
- MMou la imatge (es repeteix als costats)
- XIntercanvia el color primari i el secundari
- #/Mostra/amaga la quadrícula
- Ctrl+ZDesfés
- Ctrl+YCtrl+Shift+ZRefés
- +-0Amplia, redueix, ajusta
- ShiftLínies rectes, quadrats i cercles perfectes
- ←→Desplaça la imatge (eina Mou)
- EscCancel·la la forma actual
El clic dret pinta amb el color secundari. En pantalles tàctils, un segon dit cancel·la el traç actual.
Com dibuixar un bon favicon de 16×16
Un favicon normalment es mostra només a 16 o 32 píxels, així que cada píxel compta. Dibuixar-lo a mà sobre una quadrícula de píxels et dona vores nítides i control total, cosa que un logotip reduït automàticament poques vegades aconsegueix.
Comença amb el llenç de 16×16 i mantén el disseny senzill: una lletra gruixuda, un símbol simple o la part més recognoscible del teu logotip. Fes servir un contrast fort perquè la icona es vegi bé tant en pestanyes del navegador clares com fosques, i consulta les vistes prèvies mentre dibuixes.
Quan el resultat t'agradi, fes clic a «Genera favicons a partir d'això». El generador manté els píxels nítids i crea favicon.ico, icones PNG, icones Apple touch i icones Android a partir del teu dibuix.
Consells per a favicons de pixel art nítids
- Fes servir de dos a quatre colors: massa tonalitats es converteixen en soroll a mides petites.
- Deixa un marge d'1 píxel o omple tot el quadrat; evita formes que només toquin algunes vores.
- Prefereix les línies horitzontals i verticals; les diagonals queden millor a 45 graus.
- Fes servir el mode mirall per a icones simètriques i el color transparent per a zones translúcides.
- Dibuixa a 32×32 o 48×48 si la icona és detallada: les mides més grans s'utilitzen en pantalles d'alta resolució.