Kurz gesagt
Beim Umwandeln einer AI-Datei in PNG entscheidet die gewählte Auflösung über die Schärfe. Eine AI ist ein Vektor und beliebig skalierbar, ein PNG dagegen ein Pixelbild mit fester Auflösung. Beim Rendern legst du genau einmal fest, wie viele Pixel das Bild bekommt. Faustregel: so groß wie nötig, im Zweifel lieber etwas größer, denn verkleinern geht später verlustfrei, vergrößern nicht. Für das Web reicht oft die Anzeigegröße, fürs Druckmotiv brauchst du deutlich mehr Pixel. Wichtig: Eine höhere Auflösung erzeugt keine Details, die im Original nicht angelegt sind, und das fertige PNG ist nie wieder so frei skalierbar wie die AI-Quelle.
"AI in PNG mit guter Qualität" ist einer der häufigsten Wünsche bei der Konvertierung von Grafiken, und fast immer steckt dieselbe Frage dahinter: Wie groß und wie scharf muss das Ergebnis sein? Die Antwort hängt weniger vom Werkzeug ab als vom Verständnis zweier Begriffe, nämlich Auflösung und Bildtyp. In diesem Ratgeber bekommst du die ehrliche, praxisnahe Erklärung: was Pixelmaße und DPI wirklich bedeuten, warum die Auflösung der entscheidende Hebel ist, welche Größe für Web, Druck und Logo passt und warum ein PNG nach dem Umwandeln nicht mehr so frei skalierbar ist wie das Vektor-Original. Am Ende weißt du genau, welche Auflösung du im AI-zu-PNG-Konverter einstellen solltest.
Vektor und Pixelbild: der Unterschied, der alles erklärt
Um die Frage nach der richtigen Auflösung sauber zu beantworten, muss man wissen, was eine AI-Datei und ein PNG überhaupt sind. Eine AI-Datei aus Adobe Illustrator ist eine Vektorgrafik. Sie beschreibt Formen, Linien und Flächen als mathematische Kurven mit Ankerpunkten. Egal wie stark man eine Vektorgrafik vergrößert, die Kanten bleiben gestochen scharf, weil das Bild jedes Mal frisch aus den Formeln berechnet wird. Mehr dazu im Ratgeber Was ist eine AI-Datei?.
Ein PNG ist dagegen ein Pixelbild, auch Rastergrafik genannt. Es besteht aus einem festen Gitter einzelner Bildpunkte, jeder mit einer eigenen Farbe. Wie viele dieser Punkte das Bild hat, wird beim Erstellen festgelegt und ändert sich danach nicht mehr von selbst. Genau das ist der Kern der Auflösungsfrage: Beim Umwandeln von AI nach PNG wandelst du eine unendlich skalierbare Vektorform in ein festes Pixelraster. Die Auflösung, die du dabei wählst, bestimmt ein für alle Mal, wie viele Pixel das Ergebnis bekommt. Wer den grundsätzlichen Unterschied vertiefen will, findet ihn im Ratgeber AI und PNG im Vergleich.
Was Auflösung, Pixelmaße und DPI wirklich bedeuten
Im Alltag werden drei Begriffe oft vermischt. Die Pixelmaße geben an, aus wie vielen Punkten ein Bild besteht, etwa 1920 mal 1080 Pixel. Das ist die eigentlich entscheidende Größe, denn sie sagt, wie viel Detail technisch überhaupt vorhanden ist. Die Auflösung meint im engeren Sinn die Dichte dieser Punkte, oft ausgedrückt als DPI (dots per inch), also Bildpunkte pro Zoll.
Der wichtigste Punkt für die Bildschirmnutzung: Auf einem Monitor zählen allein die Pixelmaße. Die DPI-Angabe in einer Bilddatei hat für die reine Anzeige im Browser keine Wirkung, ein Bildschirm stellt schlicht so viele Pixel dar, wie das Bild hat. Erst beim Druck wird DPI relevant. Dort entscheidet das Verhältnis aus Pixelmaßen und gewünschter Druckgröße: Ein Bild mit 3000 Pixeln Breite, das 10 Zentimeter breit gedruckt wird, ergibt eine hohe Druckauflösung und wirkt scharf. Dasselbe Bild auf einem Plakat von einem Meter Breite hätte zu wenige Punkte pro Zoll und würde grob wirken.
Für die Praxis heißt das: Wenn du das PNG nur für Web oder Bildschirm brauchst, denke in Pixelmaßen. Wenn es gedruckt werden soll, denke in Druckgröße mal Zieldichte, üblich sind 300 DPI für hochwertigen Druck. Multiplizierst du die gewünschte Druckbreite in Zoll mit 300, bekommst du die nötige Pixelbreite.
Die Auflösung ist der entscheidende Hebel
Beim Umwandeln einer AI-Datei wird die Vektorgrafik auf eine Bildfläche, ein sogenanntes Canvas, gerendert und dann als PNG gespeichert. Die Auflösung, die du dabei wählst, ist der wichtigste Regler für die Qualität. Je höher die Auflösung, desto mehr Bildpunkte stehen für Kanten, Rundungen und feine Schrift zur Verfügung, und desto sauberer wirken sie. Bei zu niedriger Auflösung werden Schrägen und Kurven stufig, man spricht von Treppeneffekt oder Aliasing.
Die zentrale Regel lautet: Wähle die Auflösung so hoch, wie das Bild am Ende dargestellt oder gedruckt wird, im Zweifel lieber etwas höher. Der Grund ist asymmetrisch: Ein zu groß gerendertes PNG lässt sich später jederzeit verlustfrei verkleinern, ohne dass Schärfe verloren geht. Ein zu klein gerendertes PNG lässt sich aber nicht sinnvoll vergrößern, weil dabei nur vorhandene Pixel auseinandergezogen und interpoliert werden. Es ist deshalb fast immer besser, einmal mit ausreichend Reserve zu rendern, statt nachträglich nachbessern zu müssen.
Welche Auflösung für welchen Zweck
| Verwendungszweck | Empfohlene Pixelbreite | Worauf es ankommt |
|---|---|---|
| Web-Icon, kleines Logo | 256 bis 512 px | Schlanke Datei, scharf bei kleiner Darstellung |
| Bild im Web, Blogartikel | 1000 bis 1600 px | Auch auf hochauflösenden Displays scharf |
| Großes Banner, Präsentation | 1920 bis 2560 px | Reserve für große Bildschirme |
| Druck (etwa A5 bei 300 DPI) | circa 2480 px und mehr | Druckgröße mal 300 DPI rechnen |
Die Werte sind Richtwerte für gängige Fälle. Wenn du dir unsicher bist, orientiere dich an der größten Darstellung, die du dir vorstellen kannst, und nimm diese als Grundlage. Wer das PNG hinterher verschlanken will, findet praktische Wege im Ratgeber AI-Datei und PNG verkleinern.
Der wichtigste Denkfehler: mehr Auflösung erfindet keine Details
Viele glauben, eine möglichst hohe Auflösung mache ein Bild automatisch besser. Das stimmt nur bedingt. Eine höhere Auflösung sorgt dafür, dass die im Vektor vorhandenen Formen sauber und ohne Treppenstufen ausgegeben werden. Sie kann aber keine Bildinhalte erzeugen, die im AI-Original gar nicht angelegt sind. Ist eine Grafik schlicht aus wenigen Flächen aufgebaut, wird sie auch bei riesiger Auflösung nur eine größere, glattere Version derselben schlichten Grafik.
Außerdem hat eine sehr hohe Auflösung einen Preis: Die Dateigröße wächst mit der Pixelzahl, und zwar quadratisch. Verdoppelst du Breite und Höhe, vervierfacht sich die Zahl der Pixel und damit grob die Dateigröße. Für ein kleines Web-Icon eine Auflösung von mehreren tausend Pixeln zu wählen, ist deshalb Verschwendung: Die Datei wird unnötig schwer und lädt langsamer, ohne dass man bei kleiner Darstellung irgendeinen Vorteil sieht. Die Faustregel "so hoch wie nötig" ist also keine Untergrenze für Qualität, sondern auch eine sinnvolle Obergrenze gegen sinnlosen Ballast.
Transparenz, Kantenglättung und saubere Ränder
PNG kann Transparenz speichern, das ist einer seiner größten Vorteile gegenüber Formaten wie JPG. Beim Umwandeln einer AI-Datei kannst du entscheiden, ob der Hintergrund weiß ausgefüllt oder transparent bleiben soll. Ein transparenter Hintergrund ist ideal für Logos, die auf farbigen Flächen liegen sollen, denn so entsteht kein störender weißer Kasten um das Motiv. Wie das im Detail funktioniert, zeigt der Ratgeber AI in PNG mit transparentem Hintergrund.
Eng mit der Auflösung verbunden ist die Kantenglättung, auch Antialiasing genannt. Damit schräge Linien nicht stufig wirken, werden Randpixel mit Zwischentönen abgemildert. Je höher die Auflösung, desto feiner gelingt diese Glättung, weil mehr Pixel für den Übergang zur Verfügung stehen. Bei sehr kleinen Pixelmaßen kann feine Schrift dagegen leicht verwaschen wirken. Wer scharfe, kleine Logos braucht, sollte deshalb eher etwas großzügiger rendern und das Ergebnis danach verkleinern, statt von vornherein zu knapp zu wählen.
Warum ein PNG nicht das Vektor-Original ersetzt
So praktisch ein PNG ist, eine Sache solltest du dir bewusst machen: Mit dem Umwandeln verlierst du die freie Skalierbarkeit der Vektordatei. Das fertige PNG ist auf seine gerenderte Auflösung festgelegt. Brauchst du das Motiv später in einer deutlich größeren Auflösung, hilft kein Hochskalieren des PNG, das würde nur unscharf. Du müsstest stattdessen erneut die ursprüngliche AI-Datei mit höherer Auflösung umwandeln.
Daraus folgt eine einfache, aber wichtige Empfehlung: Bewahre die AI-Datei als Quelle auf. Sie ist dein Master, aus dem du jederzeit PNGs in beliebiger Auflösung erzeugen kannst. Das PNG ist dagegen die fertige Ausgabe für einen bestimmten Zweck. Wer regelmäßig sehr unterschiedliche Größen braucht oder ein Format sucht, das wie der Vektor verlustfrei skaliert, sollte zusätzlich über SVG nachdenken. Die Abwägung zwischen beiden Wegen beschreibt der Ratgeber AI in SVG oder PNG umwandeln.
Schritt für Schritt: AI mit passender Auflösung in PNG umwandeln
- Zweck festlegen: Überlege zuerst, wo das PNG eingesetzt wird, also Web, Präsentation oder Druck. Davon hängt die Auflösung ab.
- Datei in den Konverter ziehen: Öffne den AI-zu-PNG-Konverter und ziehe deine .ai-Datei in das Fenster. Es wird nichts hochgeladen, alles bleibt auf deinem Gerät.
- Auflösung wählen: Stelle die Auflösung passend zum Zweck ein, im Zweifel lieber etwas größer als später benötigt.
- Transparenz entscheiden: Aktiviere bei Logos und freigestellten Motiven den transparenten Hintergrund.
- Umwandeln und prüfen: Starte die Umwandlung und kontrolliere in der Vorschau, ob Kanten und Schrift scharf sind.
- Herunterladen: Lade das PNG herunter. Bei Bedarf kannst du es danach verlustfrei verkleinern.
Was beim Umwandeln im Browser passiert
Auf ai-png.de läuft die gesamte Umwandlung lokal in deinem Browser. Die AI-Datei wird nur in den Arbeitsspeicher gelesen und dort verarbeitet, sie verlässt dein Gerät zu keinem Zeitpunkt. Technisch nutzt der Konverter die Bibliothek pdfjs-dist, denn moderne AI-Dateien sind seit Illustrator 9 PDF-kompatibel aufgebaut. Die erste Seite der AI wird mit der von dir gewählten Auflösung auf ein Canvas gerendert und als PNG exportiert, auf Wunsch mit transparentem Hintergrund. Das unterscheidet den Konverter von Server-Diensten, bei denen jede Datei erst hochgeladen werden muss, mehr dazu im Ratgeber Datenschutz und DSGVO bei Online-Konvertern.
Eine ehrliche Grenze gehört dazu: Verarbeitet werden nur PDF-kompatible AI-Dateien, also der Standard seit Illustrator 9. Sehr alte, reine PostScript-AI ohne PDF-Anteil werden nicht unterstützt. Und unabhängig von der gewählten Auflösung bleibt das Ergebnis ein Pixelbild, das sich nicht mehr so frei skalieren lässt wie das Vektor-Original. Welche Fälle der Browser-Konverter abdeckt und wo seine Grenzen liegen, beschreibt der Ratgeber Funktionsweise und Grenzen des AI-Konverters.
Direkt ausprobieren
Wandle deine AI-Datei mit der passenden Auflösung in ein scharfes PNG um, lokal im Browser, ohne Upload und ohne Anmeldung.
Zum AI-zu-PNG-KonverterHäufige Fragen
Welche Auflösung sollte ich beim Umwandeln wählen?
Das hängt vom Zweck ab. Fürs Web reicht meist die spätere Anzeigegröße, für Druck oder große Darstellung brauchst du deutlich mehr Pixel. Im Zweifel lieber etwas größer rendern, denn verkleinern geht verlustfrei, vergrößern nicht.
Macht eine sehr hohe Auflösung das PNG automatisch besser?
Nur wenn Motiv und Verwendung es verlangen. Eine hohe Auflösung erzeugt scharfe Kanten bei großer Darstellung, vergrößert aber auch die Datei. Für ein kleines Web-Icon ist eine riesige Auflösung Verschwendung.
Was bedeutet DPI bei einem PNG?
DPI ist die Punktdichte beim Druck. Für die Bildschirmanzeige zählen allein die Pixelmaße, dort hat die DPI-Angabe keine Wirkung. Erst beim Druck entscheidet das Verhältnis aus Pixelmaßen und Druckgröße über die Schärfe.
Warum kann ich ein PNG nicht beliebig vergrößern wie das AI-Original?
Ein PNG ist ein Pixelbild mit festem Raster. Über seine native Auflösung hinaus vergrößert, werden die Pixel interpoliert und es wird unscharf. Die AI-Datei ist ein Vektor und beliebig skalierbar, deshalb rendert man besser einmal in der nötigen Auflösung.
Quellen und Methodik
- W3C PNG (Portable Network Graphics) Specification: technische Grundlagen des Rasterformats und der Alphatransparenz.
- Adobe Illustrator: Dokumentation zur PDF-Kompatibilität von AI-Dateien seit Version 9 und zum Vektorprinzip.
- pdfjs-dist (PDF.js): Rendering-Bibliothek, mit der die erste Seite einer PDF-kompatiblen AI auf ein Canvas gezeichnet wird.
- Methodik: Die Pixelempfehlungen je Zweck beruhen auf der gängigen Rechnung Druckgröße in Zoll mal Zieldichte sowie auf üblichen Anzeigegrößen im Web inklusive Reserve für hochauflösende Displays.