Wie man eine Digitalkamera zu verwenden, um Bilder auf Ihre HTML5 und CSS3-basierte Web-Seiten hinzufügen
Digitalkameras und Scanner sind in diesen Tagen erstaunlich. Sie können sie verwenden, um Bilder zu HTML5 und CSS3 Web-Seiten hinzuzufügen. Auch preisgünstige Kameras können nun die Auflösung der alten Schule analogen Kameras nähern. Scanner sind auch in der Lage traditionellen Bilder zu nehmen und sie in digitale Formate umgewandelt werden, die Computer benutzen.
In beiden Fällen jedoch kann das Standardbild in einem Format vorliegen, das Probleme verursacht. Digitale Bilder werden als eine Reihe von Punkten gespeichert, oder Pixel. Im Druck sind die Punkte sehr dicht beieinander, aber Computer-Bildschirme haben größere Punkte. Dieses Bild wird direkt aus der Digitalkamera.
Dieses Bild (auf einer älteren Digitalkamera aufgenommen wurden) Register bei 6 Megapixel (MP). Das ist eine ziemlich gute Auflösung, aber die moderne Digitalkameras sind viel höher. Wenn Sie das Bild auf Papier zu drucken, alle diese Punkte sind sehr klein, und Sie bekommen ein schönes Bild. Wenn Sie versuchen, das gleiche Bild auf dem Bildschirm zu zeigen, sehen Sie nur eine Ecke.
Das eigentliche Bild kam breit hoch von 2112 Pixel bei 2816 Pixeln aus. Sie sehen nur eine kleine Ecke des Bildes, weil die Screenshots auf 1024x768 Pixel aufgenommen werden. Weniger als ein Viertel des Bildes sichtbar ist.
Wenn Sie in den meisten Browsern auf einem großen Bild aussehen, wird es automatisch die Seite passt die Größe neu bestimmt. Der Cursor in der Regel verwandelt sich in eine Art Lupe, und wenn Sie das Bild klicken, können Sie es in seiner vollen Größe oder die kleinere Größe zu sehen.
Einige Bild Zuschauer nehmen sehr große Bilder und die Größe automatisch, so dass sie auf den Bildschirm passen. (Dies ist das Standardverhalten von Standard-Bildbetrachter 'Fenster und die meisten Browser.) Das Bild erscheinen kann eine vernünftige Größe zu sein, weil dieser Funktion, aber es wird sehr groß und schwierig sein, in einem aktuellen Web-Seite zum Download bereit. Achten Sie darauf, die tatsächliche Größe eines Bildes kennen, bevor Sie es benutzen.
Obwohl ein Bild schrumpfen, so dass sie in ihrer Gesamtheit zu sehen ist natürlich von Vorteil ist, gibt es ein noch zwingender Grund, dies zu tun. Jedes Pixel auf dem Bildschirm erfordert, 3 Bytes des Computerspeichers. (EIN Byte die Grundeinheit der Speicher in einem Computer ist.) Für Vergleichszwecke erfordert ein Zeichen des Textes in etwa 1 Byte.
Das nicht-komprimierte Bild des Schiffes wiegt satte 17 Megabyte (MB). Wenn Sie eines Wortes als fünf Zeichen lang denken, ein Bild direkt von der Digitalkamera nimmt die gleiche Menge an Speicherplatz und Übertragungszeit wie etwa 3.400.000 Wörter auf. Dieses Bild erfordert fast drei Minuten auf einem 56K-Modem zum Download!
In einer Web-Seite, werden oft kleine Bilder bei etwa 320x240 Pixel dargestellt ist, und größere Bilder sind oft 640x480 Pixel. Wenn Sie Software verwenden, um das Bild auf die Größe zu sampeln Sie tatsächlich benötigen und einen entsprechenden Komprimierungsalgorithmus verwenden, können Sie das Bild erhalten nach rechts schauen.
Die neue Version des Bildes ist die Größe und Dateiformat, das benötigt wird, ist es genauso gut aussieht, und es wiegt viel vernünftiger 88 Kilobyte. Das sind 2 Prozent der ursprünglichen Bildgröße.
Obwohl dieses Bild viel kleiner als das Originalbild ist, dauert es noch viel mehr Speicher als Text auf. Auch diese kleinere Bild nimmt so viel Sendezeit und Speicherplatz als 1600 Worte auf! Es dauert noch 10 Sekunden, ohne eine Breitbandverbindung zum Download bereit. Verwenden Sie weise Bilder.
Bilder sind groß, aber ein paar Dinge im Auge zu behalten, wenn Sie sie verwenden:
Stellen Sie sicher, die Bilder anzeigt wert. Verwenden Sie kein Bild ohne etwas gutem Grund verwenden, da jedes Bild Ihrer Seite macht deutlich langsamer zu erreichen.
Verwenden Sie Software Ihr Bild zu ändern. Sie können sogar freie Software zu ändern, um das Bild genau die Größe, die Sie benötigen, verwenden.
Verwenden Sie ein komprimiertes Format. Die Bilder werden so gut wie nie in ihrem nativen Format auf dem Netz verwendet, weil sie einfach zu groß sind. Mehrere Formate haben, die für die Arbeit mit verschiedenen Arten von Bildern nützlich sind entstanden.