Pourquoi la taille de la rastérisation est importante

  • Les exigences relatives aux ressources de la plateforme spécifient les dimensions exactes en pixels, et non des pourcentages.
  • Une rastérisation trop fine entraîne une perte de détails subpixel que les calculs mathématiques SVG préservent.
  • La rastérisation à 2× génère de véritables ressources Retina pour les écrans HiDPI.
  • Les tailles de favicon (16px) nécessitent une attention particulière au niveau du lissage et de l'alignement des pixels.

Bonnes pratiques de rastérisation SVG

  • Conservez toujours le fichier SVG principal pour les réexportations ultérieures, quelle que soit la taille.
  • Exporter d'abord la plus grande taille ; réduire la taille du PNG pour les tailles plus petites plutôt que de le re-rasteriser
  • Pour les très petites tailles (favicon de 16 px), convertir d'abord le texte en tracés dans le SVG.
  • Utilisez des dimensions 2× pour tout fichier PNG destiné aux écrans Retina ou HiDPI.
  • Vérifiez le rendu des filtres SVG et des polices dans la sortie à petite taille.