Warum die Rasterisierungsgröße wichtig ist

  • Die Anforderungen an Plattform-Assets geben exakte Pixelabmessungen an – keine Prozentsätze.
  • Bei zu kleiner Rasterung gehen Subpixel-Details verloren, die die SVG-Mathematik erhält.
  • Durch Rasterisierung mit 2× werden echte Retina-Assets für HiDPI-Bildschirme erzeugt.
  • Bei Favicon-Größen (16px) ist besonderes Augenmerk auf Hinting und Pixel-Snapping zu legen.

Bewährte Verfahren zur SVG-Rasterisierung

  • Bewahren Sie die SVG-Masterdatei stets für zukünftige Re-Exporte in jeder neuen Größe auf.
  • Exportieren Sie zuerst in der größten Größe; skalieren Sie die PNG-Datei für kleinere Größen herunter, anstatt sie neu zu rastern.
  • Bei sehr kleinen Größen (16px Favicon) konvertieren. den Text zuerst in Pfade im SVG um.
  • Verwenden Sie für alle PNG-Dateien, die für Retina- oder HiDPI-Bildschirme bestimmt sind, die doppelte Größe.
  • Überprüfen Sie die SVG-Filter- und Schriftartdarstellung in der Ausgabe bei kleinen Größen.