Wie eine PNG in HTML einbinden

Eine PNG-Datei ist eine Image-Datei, ähnlich wie JPEG oder GIF. Jedoch komprimieren JPEGs und GIFs Bild, Abstriche an der Qualität für eine geringere Dateigröße. PNG-Dateien sind unkomprimiert, führt zu höherer Auflösung zeigt. Wenn eine PNG-Bilddatei auf Ihrer Website anzeigen möchten, in Ihren HTML-Code eingebettet. Die Syntax ist einfach. Sie steuern die Höhe oder die Breite des Bildes im Code oder sogar einen Rahmen hinzufügen.

Anweisungen

1 Fügen Sie Folgendes in den HTML-Code, wo das Bild auf Ihrer Website angezeigt werden soll:

< Img (o.ä.).

3 Fügen Sie die Bildadresse anstelle von "URL." Es sollte im PNG enden. Zum Beispiel mit einem Foto befindet sich am "http://www.mywebsite.com/myphoto.png", der Code liest: < Img und Height = "X" vor der schließenden Klammer. Ändern Sie die Werte (X), zu dem Sie gewünschte Größe (in Pixel). Mit dem vorhergehenden Beispiel und die Größe 300 Pixel X 200 Pixel, liest der Code:

< Img Width = "300" Height = "200" >

5 Hinzufügen eines Rahmens durch Eingabe in Grenze = "schwarze 1px Solid" vor der schließenden Klammer. Sie können ändern, die Größe, Farbe oder Stil (solid, gestrichelten, gepunkteten). Der Code lautet:

< Img Width = "300" Height = "200" Border = "schwarze 1px Solid" >

Tipps & Warnungen

• Verknüpfung zu einem Bild online kann riskant sein, da das Bild gelöscht werden konnte, den Embed-Code auf Ihrer Website deaktivieren. Wenn Sie auf einen Server ausführen, sollten Sie hochladen des Bildes selbst.