Command Palette

Search for a command to run...

PN

PNG-zu-ICO-Konverter

Konvertieren Sie PNG-Bilder in Chargen in ICO-Favicons in Ihrem Browser

PNGtoICOConverts as soon as you add files
Icon sizes

ICO is the favicon container. The file holds one square icon for each size you picked.

Files (0)

No files yet

Add files and they convert right away. Change a setting and they convert again.

Built with open source libraries. Licenses

Was ist ein PNG-zu-ICO-Konverter?

Ein PNG-zu-ICO-Konverter packt quadratische Kopien eines PNG-Bildes, eine pro Größe, die Sie verlangen, in eine einzige i.ico-Datei. Das ist der Teil, den die meisten Leute beim ersten Versuch falsch machen: Ein ico ist kein einziges Bild mit einer ungewöhnlichen Erweiterung, es ist ein kleiner Container mit einem Verzeichnis an der Vorderseite, in dem jedes Bild darin aufgeführt ist und wo jedes beginnt Was auch immer die Datei liest - ein Browser, der einen Tab zeichnet, ein Desktop, der eine Verknüpfung zeichnet - schaut sich dieses Verzeichnis an und nimmt den Eintrag, der der Größe am nächsten kommt, die es benötigt.

Diese Seite schreibt vier Größen und die sind alle angekreuzt, wenn man ankommt: 16, 32, 48 und 256 Pixel Jedes angekreuztes Kästchen wird ein quadratisches Bild im Inneren des ico, gespeichert PNG-komprimiert mit intaktem Alphakanal, und die Größen werden zuerst am kleinsten geschrieben Kleben Sie die nicht gewünschten aus und die Datei wird kleiner Alle vier auskreuzen und der Konverter fällt zurück, um alle vier zu schreiben, denn ein Symbol mit nichts darin ist keine nützliche Datei Die 256-Decke ist das Format, das spricht, anstatt das Werkzeug: ein ICO-Verzeichniseintrag erfasst seine Breite in einem einzigen Byte, weshalb 256 das größte Bild ist, das ein ' gespeichert ist, null. can. carg. carg.

Beginnen Sie von einem quadratischen PNG, das mindestens so groß ist wie die größte Größe, die Sie ankreuzen Der Konverter skaliert Ihr Bild auf jedes Quadrat herunter, und die Skalierung nach unten ist die Richtung, die gut aussieht Füttern Sie es mit einer 64 px-Quelle mit 256 angekreuzt und der 256-Eintrag ist ein 64 px-Bild, das viermal nach oben gestreckt ist, das weich und fleckig ist, genau in der Größe, die ein Bildschirm mit hohem DPI anzeigt Ein 512x512-Export aus Ihrem Designtool deckt jeden Fall mit Platz zu frei.

Ein nicht quadratisches Logo ist das andere häufige Problem Der Konverter streckt das Bild, um jedes Quadrat zu füllen, anstatt es überlaufen zu lassen oder auf einen Zuschnitt zu raten, und er sagt Ihnen, dass er es getan hat: Lassen Sie eine 1024x256-Wortmarke fallen und die Zeile lautet "Das Bild war 1024x256, also wurde es auf Quadrate von 16, 32, 48, 256 px gedehnt" Eine gedehnte Wortmarke ist bei 16 px sowieso nicht lesbar Die Fixierung besteht darin, zu entscheiden, was die kleinen Größen vor der Konvertierung anzeigen sollten, nicht danach. Normalerweise bedeutet das Zuschneiden des Symbols auf seiner eigenen, oder das Auffüllen der Wortmarke auf einer quadratischen Leinwand mit transparenten und einfach seinen kleineren Proportionen, die es bleibt es im Inneren.

Hier ist ein voller Lauf Nimm eine 512x512 Datei namens logo.png, lass alle vier Kästchen angekreuzt und lass sie eingeben Sie konvertiert gleich: die Zeile zeigt die Eingabegröße, einen Pfeil, die Ausgabegröße und die Größenänderung an, mit dem Hinweis "Enthält 16, 32, 48, 256 px Icons" darunter, und das Download-Symbol auf der Zeile speichert logo.ico Untick 256 und die Datei konvertiert wieder von selbst: dieselbe Quelle erzeugt nun eine viel leichtere Datei mit drei Bildern, da der 256 px Eintrag das meiste Gewicht hatte. Acht PNGs zusammenfügen und alle (mitnumschreiben) drucken, anstatt alle PNGs zu drucken zu drucken, umzuz8.

Alles läuft clientseitig Ihr Browser dekodiert das PNG, zeichnet es in jeder angeforderten Größe auf einer Leinwand, kodiert jedes Quadrat als PNG und baut das ico im Speicher zusammen, sodass das Artwork das Gerät nie verlässt und die Seite nach dem Laden weiterhin mit dem Netzwerk getrennt arbeitet Transparenz bleibt bei jeder Größe erhalten und nichts wird dahinter ausgefüllt Metadaten und Farbprofile, die an die Quelle angehängt sind, werden vom Canvas-Schritt gelöscht. Bilder über 100 Megapixel werden mit einer Nachricht abgelehnt, leere Dateien werden abgelehnt, es gibt keine Obergrenze für die Dateigröße in Bytes und das Tool ist kostenlos, keine Anmeldung, mit einer täglichen Begrenzung der Konvertierungen.

So konvertieren Sie PNG in ICO

  1. Fügen Sie Ihre PNG-Dateien hinzu

    PNG-Bilder auf das mit "PNG-Bilder hier abwerfen oder zum Hochladen klicken" markierte Kästchen fallen lassen, oder zum Auswählen darauf klicken Jede Datei beginnt mit der Konvertierung, sobald sie hinzugefügt wird Eine quadratische Quelle von 256 px oder größer liefert bei jeder Icon-Größe das beste Ergebnis.

  2. Wählen Sie die Symbolgrößen

    Kreuzen Sie unter Symbolgrößen die gewünschten Quadrate im Inneren des ico an: 16 px, 32 px, 48 px und 256 px sind alle standardmäßig angekreuzt Jedes angekreuzte Kästchen fügt der Datei ein Bild hinzu, und das Ankreuzen oder Aufkreuzen eines Kästchens konvertiert jede hinzugefügte Datei erneut.

  3. Überprüfen Sie jedes Ergebnis

    Jede Zeile zeigt ein Miniaturbild, seinen Status, eine Größenlinie mit der Größenänderung und eine Notiz, in der die von ihr geschriebenen Größen aufgeführt sind, mit einer Warnung und den realen Abmessungen, falls ein nicht quadratisches Bild in Quadrate gedehnt werden musste Klicken Sie auf das Miniaturbild, um das Symbol groß zu sehen und Vorher und Nachher zu vergleichen.

  4. Laden Sie das Symbol herunter

    Drücken Sie das Download-Symbol in einer Zeile, um eine einzelne Datei zu speichern, oder laden Sie alle (n Bilder) im Listenkopf herunter, wodurch konvertiert-ico.zip mit dem Stapel darin gespeichert wird.

Warum PNG in ICO umwandeln?

An vielen Orten wird mittlerweile ein einfaches PNG als Symbol verwendet, daher ist es berechtigt zu fragen, warum sich die Herstellung des älteren Containers noch lohnt. Drei Jobs erfordern immer noch eine echte I-K-Datei.

Ein Favicon.ico an der Wurzel der Seite

Browser und viele andere Tools, die Site-Symbole anzeigen, suchen nach /favicon.ico, wenn eine Seite kein Symbol deklariert. Ein einzelner i.ico an dieser Adresse beantwortet alle, und weil er mehrere Größen enthält, sieht er direkt in einer Registerkarte, einer Lesezeichenleiste und einer angehefteten Verknüpfung aus.

Windows-Verknüpfungen, Ordner und Installer

Windows liest ico-Dateien für Verknüpfungssymbole, benutzerdefinierte Ordnersymbole und das in eine Anwendung eingebettete Symbol. Es wählt den Eintrag aus, der zur Ansicht passt, sodass dieselbe Datei die kleine Listenansicht und die extra große Symbolansicht bedient. Ein einzelnes PNG kann das nicht tun.

Behalten Sie die Transparenz Ihres Designexports bei

Logos, die von einem Design-Tool exportiert werden, sind in der Regel PNGs mit transparentem Hintergrund, und das ist der richtige Ausgangspunkt Jede hier geschriebene Größe wird als PNG im Inneren des Containers gespeichert, so dass der klare Hintergrund bei 16 px und 256 px gleichermaßen durchkommt, stattdessen von einem Foto ausgehend? deckt der [JPG zu ICO Konverter] (/tools/jpg-to-ico) diesen Fall ab, obwohl ein JPG keine Transparenz mit sich bringt.

PNG vs. ICO: was verwendet werden soll

PNG und ICO als Symbolformate verglichen
FeaturePNGICO
Was die Datei enthältEin Bild.Mehrere quadratische Bilder, eines pro Größe, mit einem Verzeichnis, in dem sie aufgeführt sind.
KompressionVerlustlos.Kommt auf jeden Eintrag an Diese Seite speichert jeden Eintrag als verlustfreies PNG.
TransparenzVoller Alphakanal.Volles Alpha in 32-Bit - und PNG-Einträgen, das schreibt diese Seite.
AnimationNicht im Standard-PNG.Nein.
Größtes BildWeit über alles hinaus, was ein Symbol braucht.256 x 256 Pixel pro Eintrag.
Typische DateigrößeKlein für ein einzelnes Bild in Symbolgröße.Größer, da er jede Größe trägt Der 256 px Eintrag macht den größten Teil des Gewichts aus.
Browser - und Software-UnterstützungJeder Browser und Editor Von aktuellen Browsern als Favicon akzeptiert.Jeder Browser als Favicon und Windows für Verknüpfungs- und Anwendungssymbole.
am besten fürKunstwerke, Webbilder und Symbole, die mit einem Link-Tag deklariert wurden.Favicon.ico, Windows-Symbole und überall muss eine Datei mehrere Größen abdecken.

Favicon Größen erklärt

Jede Größe innerhalb des i.ico existiert, weil etwas ein Symbol in etwa dieser Größe zeichnet Welches Programm welchen Eintrag verwendet, variiert mit dem Browser, dem Betriebssystem und der Skalierung der Anzeige, also behandeln Sie die Liste unten als den üblichen Fall und nicht als Regel.

Dabei wird üblicherweise jede ICO-Größe verwendet
GrößeWird häufig verwendet für
16 pxBrowser-Tabs, die Adressleiste und Lesezeichenlisten auf Standard-Displays.
32 pxBrowserregisterkarten für Displays mit hoher Dichte sowie Taskleisten- und Verknüpfungssymbole in Windows.
48 pxDesktop-Verknüpfungen und mittlere Symbolansichten in Windows.
256 pxGroße und extra große Symbolansichten und Bildschirme mit sehr hoher Dichte.

Die kleinen Einträge sind am wichtigsten, denn sie sind es, die die Leute den ganzen Tag sehen und die, wo zuerst das Detail ausgeht Ein Logo mit Wortmarke, dünner Umrisslinie oder einem Slogan braucht normalerweise eine einfachere Version für 16 und 32 px: das Symbol allein, mit Strichen, die dick genug sind, um ein paar Pixel breit zu sein.

Touch-Symbole für Telefone sind eine separate Datei Eine iPhone-Homescreen-Verknüpfung verwendet beispielsweise ein größeres PNG, das mit einem eigenen Link-Tag deklariert wurde, und ein I.ico ersetzt es nicht.

Privatsphäre und Sicherheit

  • Größenänderung und Verpackung erfolgen clientseitig mit der Canvas-API des Browsers. Der PNG und der fertige I.ico verlassen diese Registerkarte nie.
  • Ein unveröffentlichtes Logo oder eine Markenmarke kann umgewandelt werden, ohne es an einen Drittanbieterdienst zu übergeben.
  • Der tägliche Nutzungscheck sendet eine Dateinummer, die kombinierte Größe in Bytes und das Zielformat Dateinamen und Bildpixel sind nicht enthalten.
  • Metadaten und Farbprofile im PNG werden nicht in die Symboleinträge kopiert.
  • Fertige Symbole werden im Speicher gehalten, bis Sie sie entfernen, auf Alles löschen oder die Registerkarte schließen und keine Kopie auf einem Server gespeichert wird.

Hauptmerkmale

  • Vier Symbolgrößen in einer Datei

    16, 32, 48 und 256 px, jeweils ein separates Bild im Inneren des ico. Kreuzen Sie nur die gewünschten Größen an und der Rest wird weggelassen

  • PNG-komprimierte Einträge mit Alpha

    Jedes Quadrat wird als 32-Bit-PNG im Behälter aufbewahrt, sodass ein transparentes Logo in jeder Größe transparent bleibt und kein Hintergrund dahinter aufgemalt ist

  • Warnt vor nicht quadratischen Quellen

    Eine Wortmarke oder ein Banner wird gespannt, um die Quadrate zu füllen, und die Zeile zeigt Ihnen die Originalabmessungen an, damit Sie zurückgehen und ein Crop oder Pad zuschneiden können, anstatt ein gequetschtes Symbol zu versenden

  • Batch-Umbau mit ZIP

    Fügen Sie einen ganzen Satz Marken-PNGs auf einmal hinzu und nehmen Sie sie als konvertiert-ico.zip mit doppelten Dateinamen, die nummeriert statt überschrieben sind

Frequently Asked Questions

Lassen Sie das PNG auf das Kästchen auf dieser Seite fallen und laden Sie das ico aus seiner Zeile herunter, wenn es Vollständig anzeigt. Wenn die Kästchen mit den Symbolgrößen angekreuzt sind, zeichnet Ihr Browser das Bild in jeder Größe und baut das ico lokal zusammen, sobald die Datei hinzugefügt wird, ohne dass eine Taste gedrückt werden kann. Es ist nichts installiert und es wird nichts hochgeladen.

Comments

0 comments

0/2000 characters

No comments yet. Be the first to share your thoughts!

png to icopng to ico filepng to ico converterconvert png to icopng to ico generatorchange png to icopng to ico formatconvert png to favicon icohow to convert png to icohow to save png as icofree online png to ico converter