Thumbnails, Erstellen von kleinen Miniaturversionen der Bilder
Man könnte meinen, dass eine Reihe von Thumbnails machen wirklich wäre, wirklich einfach, würden Sie nicht? Nun, ja, es ist, aber es gibt ein paar Techniken und Layout-Optionen, die ich denke, sind wichtig zu wissen.
Grundsätzliche Theorie
Die Grundidee der Miniaturansicht ist, dass Sie eine Seite voll von kleinen Bildern anbieten können, und jeder auf die Vollversion des Bildes verbunden ist, Ihren Lesern die Möglichkeit gibt, alle Bilder in der Vorschau sie denken, würden sie in sehen, wie ihre in voller Pracht, so enorm die Downloadzeit von einer Seite zu reduzieren.
2 Ways to Shrink
Es gibt zwei Möglichkeiten, um Ihre erfolgreiche Gruppe von Thumbnails zu machen - Ernte und Größe ändern. Sie können entweder oder eine Kombination aus beidem verwenden, um die kleineren Bilder zu machen.
Nehmen Sie zum Beispiel diese beiden Vorschaubilder - eine von jeder Art. Klicken Sie entweder auf das ganze Bild zu sehen. Dies ist übrigens eine Montage von Zeichen aus dem Spiel Banjo-Tooie.
schauen wir uns die relativen Vorteile der einzelnen Verfahren nun einen Blick:
- Ändern der Größe des Bildes gibt Ihrem Leser einen Überblick über alles, was auf dem Bild, aber sie verpassen Detail (der Verlust im Detail ist immer proportional zu der ursprünglichen Größe, weshalb Zuschneiden und dann Ändern der Größe ist so eine gute Option.).
- Mit der beschnittene Version, bekommen sie ein viel besseres Gefühl für das, was das vollständige Bild enthalten wird, und es gibt auch ein Gefühl zu wollen wissen, was sonst noch auf dem Bild ist, der nicht gezeigt wird. Dies wird die Leser ermutigen, in das Bild klicken, um mehr; und darüber hinaus können Sie ein Highlight aus dem Bild herausgreifen und es noch einladender machen.
Layout-Optionen
Sie könnten nur alle Miniaturen auf der Seite chuck (Abfahrt horizontale Lücken zwischen ihnen hspace verwenden), und sie werden sich auslegen, aber wenn Sie mehr Kontrolle darüber, wie die Seite aussieht Sie wollen mit einem festen Tabellenformat gehen.
Dies funktioniert besser, wenn Sie alle Ihre Thumbnails die gleiche Größe gemacht haben, so dass Sie nur, sie alle in ein Raster setzen können. Hier ist der Tabellencode:
Einfach jeder der Tags für Ihre Thumbnails in jeder Zelle. Wenn Sie weitere Hilfe mit Tabellen brauchen, gehen Sie in unseren Tabellen Abschnitt.
Weitere Hinweise
In den obigen Beispielen stelle ich die Vorschaubilder, die Bilder in voller Größe in einem neuen Fenster zu öffnen. Dies wird mit dem Zielattribut erreicht - wie folgt aus:
Wenn Sie Ihre Thumbnails frei von einem Tisch Layout verlassen haben, ist es eine gute Idee, in der Grenze auf die Bilder zu verlassen, so dass die Nummer eins - es wird als Tag klar sein, dass Sie eine Übersichtsseite gerade lesen; und die Nummer zwei - können die Farben verwendet werden, um einen Leser zu zeigen, wenn sie die Vollversion zuvor gesehen haben.
Es wäre auch hilfreich, wenn Sie die Bildgröße enthalten. in Kilobyte. die Vollversion. Setzen Sie diese Informationen unter jedem Thumbnail, so dass die Leute vor Warnung, dass sie das Herunterladen sehr große Dateien sein werden. Diese Informationen können auch in das alt-Attribut jedes Thumbnail gesetzt werden.