Anzeigen

Bearbeitungshilfe zum Erstellen eines Icons

Hilfestellung zu Bildbearbeitung mit dem IcoFX-Programm

Beim Erstellen eines Icons, egal ob es nun ein normales Icon oder ein Favicon ist, benötigen Sie ein Bild, das Sie sich beispielsweise mit einem normalen Bildbearbeitungsprogramm erstellen können. Für diesen Fall wurde das Programm Paint genommen, der zur Standartausrüstung bei Windows gehört. Sie können das Programm unter : :Start : :Programme : :Zubehör : :Paint aufrufen.

In Paint wird hier zunächst ein Rechteck mit 2 getrennten Farben und der Aufschrift "Hallo" erstellt | Bildformat 128px x 60px:


Bei einem eintönigen Hintergrund würde das Bild nicht hineinpassen:

Speichern Sie das Bild auf Ihren Desktop ab und öffnen Sie es anschließend mit dem Programm IcoFX.
Beim Öffnen erscheint Ihnen ein Fenster, wo Sie auf Custom anklicken und manuell die Breite (width) und die Höhe des Bildes (height) angeben. Klicken Sie das "Square"-Kästchen den Hacken weg, damit in den Textfeldern unterschiedliche Zahlen hineinkommen können. Wenn Sie nicht mehr wissen, welche Flächengröße Ihr Bild besitzt, können Sie es herausfinden, indem Sie auf das im Desktop befindliches Bild mit dem Klick auf die rechten Maustaste in die Eigenschaften gehen und somit die Details ermitteln können:

Ist das Bild erstmal geöffnet, können Sie sofort loslegen, es zu bearbeiten. Da das Bild ein Icon werden soll, stellt man den weißen Hintergrund erstmal transparent ein, d. h. Sie stellen die Farbe transparent ein; dazu müssen Sie einfach diesen 3 Schritten folgen:

Danach füllen Sie den weißen Hintergrund mit einem Klick da drauf in transparente Farbe um. Speichern Sie sich das Bild dann als eine .ico-Datei (Ist schon automatisch eingestellt) ab und legen Sie es in Ihre Html-Datei ein. Nach dieser Bearbeitung sieht das Iconbild in einem gelben Hintergrund dann so aus: