D’una sola imatge en surt tot el joc: les icones PNG de 16, 32, 48, 192 i 512 píxels, la de 180 que demana iOS i un favicon.ico de debò amb tres mides a dins.
La imatge es retalla quadrada des del centre i s’escala amb el filtre de qualitat alta del navegador. Amb el fragment d’HTML inclòs, només has de copiar quatre línies al teu <head>.
Com es fa servir
- Deixa-hi el logotip, com més quadrat millor.
- Si el vols amb fons o amb marge, ajusta-ho.
- Processa i baixa el ZIP amb tot.
Preguntes freqüents
- Quina mida ha de tenir la imatge de partida?
- Com a mínim 512 × 512 píxels, i millor si és quadrada. Si és un SVG, converteix-lo abans a PNG gran amb «SVG a PNG»: així controles tu la resolució.
- Encara cal el .ico?
- Sí, per a navegadors i llocs antics que el demanen a l’arrel per defecte. Pesa molt poc i t’estalvies peticions fallides al registre del servidor.
- Per què queda il·legible a 16 píxels?
- Perquè un logotip amb detall fi no sobreviu a setze píxels. Per aquesta mida acostuma a caldre una versió simplificada, sovint només la inicial o el símbol.
Eines relacionades
Convertir imatgesPNG, JPG, WebP i AVIF entre si, en lot.
Comprimir imatgesBaixa el pes per qualitat o fins a una mida objectiu concreta.
Redimensionar imatgesAmplada i alçada amb control d’ajust i sense ampliar per defecte.
Retallar imatgesDibuixa el retall damunt de la imatge i aplica’l a tot el lot.
Girar i reflectirRotació de 90° en 90° i volteig horitzontal o vertical.