Eine sehr seltsame Favicon-Datei (zumindest für mich), bei der eine einzelne Datei 3 Bilder unterschiedlicher Größe enthält

Ich habe diese Favicon-Datei.

Favicon-Datei herunterladen

Ich kann die Bilddatei nicht hochladen, da sie nicht das richtige Format hat.

Wenn Sie diese Datei in Windows 7 anzeigen, erhalten Sie Folgendes.

Seite 1 von 3

Diese einzelne Datei enthält dasselbe Bild, jedoch in unterschiedlichen Größen. Das Obige zeigt Seite 1 von 3.

Das Folgende ist Seite 2 von 3, die das gleiche Bild zeigt, aber in einer kleineren Größe.

Seite 2 von 3

Und als Seite 3 von 3 noch einmal in kleinerem Format.

Geben Sie hier die Bildbeschreibung ein

Aber es ist eine einzige Datei. Meine Frage ist, wie ist das möglich und vor allem wie kann ich es so machen? Eine einzelne Datei, die dasselbe Bild in 3 verschiedenen Größen enthält.

Es zeigt Abmessungen von 48 Pixel x 48 Pixel.

Da Adobe Photoshop das ICO-Format nicht nativ unterstützt, aber wenn man dieses ICO-Format-Plugin verwendet , es installiert und die Datei in PS öffnet, werden Sie gefragt, welche Bildgröße importiert werden soll. Die Größen sind 16px x 16px, 32px x 32px und 48px x 48px.

Antworten (3)

Wie dies laut Wikipedia möglich ist: ( http://en.wikipedia.org/wiki/ICO_%28file_format%29 )

Eine ICO- oder CUR-Datei besteht aus einer ICONDIR-Struktur ("Icon-Verzeichnis"), die eine ICONDIRENTRY-Struktur für jedes Bild in der Datei [...]

(Hervorhebung von mir)

Header
ICONDIR structure
Offset#   Size (in bytes)     Purpose
0     2   Reserved. Must always be 0.
2     2   Specifies image type: 1 for icon (.ICO) image, 2 for cursor (.CUR) image. Other values are invalid.
4     2   Specifies number of images in the file.

Mit einem Hex-Editor sehe ich, dass die ersten 6 Bytes der Datei in 2-Byte-Blöcken sind: 0000 0100 0300 (was zusammen mit der ICO-Erweiterung anzeigt, dass es sich um eine ICO-Datei mit 3 Bildern handelt).

Ah. Groß. Was für eine Welt des Grafikdesigns, und jetzt geht es um Reverse Engineering. Erstaunlich +1
Ich denke, Sie werden feststellen, dass die meisten Dateiformate im Allgemeinen CONTAINER für andere Dinge sind. Auf der esoterischen Ebene ist ein Farbbild eigentlich ein Behälter für drei (RGB) oder 4 (CMYK) Schwarzweißbilder. Es mag IHNEN UMDRÜCKEN, dass das Office-Docx-Format wirklich nur ein ZIP-Dateicontainer mit einer Reihe von Dateien ist. (benennen Sie ein docx in zip um und suchen Sie selbst).
Beachten Sie, dass es in Bezug auf ICO-Software kostenlose ICO-Editoren gibt, und Sie könnten einen davon verwenden oder zumindest einen davon verwenden, um 3 einzelne PNG-Bilder in das ICO-Format zu kompilieren.
Groß. Ich werde Ihre Antwort schließlich akzeptieren. Suche nur nach weiteren Erklärungen. Vielen Dank. (Und da dachte ich, Design ist für Leute, die nicht programmieren können. LOL. Was für ein Idiot ich bin)
Obwohl ich viele Dinge für meinen eigenen Gebrauch programmiere, denke ich, dass jeder mit einem Informatik-Abschluss, der sich meine Sachen angesehen hat, Ihnen zustimmen würde :)

ICO-Dateien sind Windows-nativ und können mehrere Bilder mit unterschiedlichen Auflösungen und Pixeltiefen enthalten. Normalerweise werden sie als Ressourcendatei in eine Anwendung eingebettet. Sie haben sich im Internet Explorer 5 als „ Favicons “ ins Netz eingearbeitet.

Wenn Sie unter Windows arbeiten, gibt es ein sehr nettes Tool namens IcoFX , um Symbole mit mehreren Bildern aus einem einzelnen (oder mehreren PNG-) Bildern zu erstellen. Ich verwende es seit Jahren, um Multi-Image-Icons für Windows-Anwendungen zu erstellen. Wenn Sie einen Mac verwenden, können Sie sich auch IconBuilder ansehen , das als Photoshop-Filter ausgeführt wird.

Angesichts der exponentiellen Verbreitung von Geräten wird dies immer häufiger. Ich habe kürzlich eine Favicon-Datei mit 7 verschiedenen Größen erstellt. Ich weiß nicht, was der Entwickler getan hat, damit sie alle in den richtigen Situationen funktionieren. Ich versuche, mein Gehirn mit dem Zeug nicht zu verletzen.

Wie haben Sie es produziert? Welches Werkzeug?
Es basierte hauptsächlich auf Vektorgrafiken, also habe ich es in Illustrator erstellt und einzelne PNGs exportiert. Ich habe diese an den Entwickler geschickt und er hat es eingerichtet. Ich glaube, Sie können auch ico-Dateien in Gimp bearbeiten / erstellen ... es ist eine Weile her. Und es gab früher ein Plug-in für P'shop, das von der IconFactory produziert wurde, um den Prozess etwas weniger schmerzhaft zu machen.
Es gibt kostenlose Online-Tools, die mehrere Größen in eine Favicon-Datei einbetten können. iconifier.net ist ein solches Beispiel, bei dem Sie bis zu sieben verschiedene Größen von 16 x 16 bis 256 x 256 hinzufügen können (klicken Sie auf das Zahnrad für die erweiterten Optionen).