Thumbnails erstellen

TutorialTutorial von: Isa
Kategorie: HTML/CSS

Was ist ein Thumbnail?
Als Vorschaubild, Bildvorschau, Miniaturbild oder Thumbnail (englisch f├╝r Daumennagel) werden kleine digitale Grafiken bzw. Bilder bezeichnet, die als Vorschau f├╝r eine gr├Â├čere Version dienen. Quelle: Wikipedia.org

Die meisten von uns machen es nat├╝rlich folgend:
Ogrinalbild einfach verkleinern

Aber was wenn wir verschieden gro├če Orginalbilder haben aber die Thumbnails alle gleich gro├č sein sollen?

Dann machen wir es wohl so: Photoshop auf, 100x100 Pixel gro├če Datei erstellen, gro├čes Bild etwas verkleinern und in die 100x100px Datei schieben. Anschlie├čend abspeichern und beide Datein hochladen. So hab ich es immer getan. Oder wir verkleinern das Originalbild mit den width- und height-Angaben in HTML/CSS.

Das 1. ist jedoch viel zu viel Arbeit und bei dem 2. ist die Qualit├Ąt wirklich miserable! Damit ist jetzt Schluss! Denn es gibt es ein Skript, das das f├╝r uns ├╝bernimmt!

___ Schritt 1: Was brauchen wir? ___

Einmal dieses Skript: KLICK. Es k├Ânnen .gif, .jpg und .png-Formate verkleinert werden.

Ganz unten im Skript finden wir die Height- und Width-Angaben, die wir je nach Bed├╝rfnis anpassen k├Ânnen.
Das wars auch schon, nun noch hochladen und anwenden....

___ Schritt 2: Die Anwendung ___

Anwenden kann man das Script einfach via Url anstatt der des Vorschaubildes. Hier ein Beispiel mit dem Bild namens eins, das ein JPG-Format ausweist:

Code:
<img src="vorschau.php?file=eins.jpg"

Kommentare

Caro
Mail    WWW
10.11.2013
11:18 Uhr

captcha
Hallo meine lieben, ich wollte mir dieses Script mal genauer ansehen und beim herunterladen kamm die Fehlermeldung, dass das "Objekt" nicht mehr exsistiert. Besteht die M├Âglichkeit das wieder hochzuladen?

Ganz liebe Gr├╝├če und danke f├╝r die vielen tollen Tutorials. Hab sie gerade erst neu entdeckt.
Caro

Kommentar schreiben

Name
E-Mail
Homepage
Text
captchaWie viele ausgefŘllte Kreise sind auf dem Bild?