Für scharfe Schrift auf transparenten PNGs – insbesondere in IE und Edge:
- PNG-Format verwenden, wenn SVG nicht in Frage kommt (komplexe Formen, Handschriften etc.)
- Bild sollte in etwa so groß sein wie via CSS (z.B. background-size) eingerichtet. Nicht mit CSS stark runterskalieren! Führt sonst zu schlechten Ergbnissen in IE und Edge.
- Fürs Verkleinern von PNGs „Resampling“ mit höchster Qualität durchführen, kein schnelles „Resizing“.
- Transparenz als Alpha-Kanal speichern.
- Beim Speichern der neuen Version mit Level der Komprimierung experimentieren.
Z.B. mit IrfanView unter Windows:
- Verkleinern: „Resample (better quality), use filter: Lanczos (slowest)“.
- Speicheroptionen: „Save Transparent Color“ + „Save Transparency as Alhpa channel“ + „Use main window color for transparency“.
Tags: logo, bildbearbeitung, transparent png