Codefrage: wie HighRes-Bilder für einen Blogpost resizen?

[RLX-Devlin]

Hallo da draußen,

Ich habe eine Frage bzgl. Fotos in einem Tumblrblog einbinden.

<a href="{PhotoURL-HighRes}" rel="slideshow">
<img src="{PhotoURL-500}" alt="{PhotoAlt}" border="0"/>

Es ist dieser Schnipsel welcher definiert wie das Bild nachher im Post aussieht.
Das {PhotoURL-HighRes} besagt ja, dass es in der höchstmöglichen Auflösung ist, wenn man das Bild anklickt und somit in die Slideshow gelangt. So weit so gut, das möchte ich ja auch haben.

Nur möchte ich, dass das Bild im Post 720px breit ist. Da Tumblr aber {PhotoURL-720} anstatt von {PhotoURL-500} nicht akzeptiert, suche ich nach einem Umweg.

Könnt ihr mir bitte helfen?

yours,
dev

 

[RLX-Devlin]

Problem gelöst:

<a href="{PhotoURL-HighRes}" rel="slideshow">
<img width=720px src="{PhotoURL-HighRes}" alt="{PhotoAlt}" border="0"/>

 

[intreaux]

Bedenke aber, dass das HighRes-Foto so nur vom Browser runtergerendert wird, d. h. alle Bilder werden zwar 720 px breit angezeigt, aber in voller Auflösung geladen. Könnte zu einem Performanceproblem werden.

 

[RLX-Devlin]

Danke für deine Antwort. Wie könnte man dies verhindern?

 

[intreaux]

Indem du die Bilder auf 720 px skalierst, bevor du sie hochlädst

 

[RLX-Devlin]

Und wenn ich sie auch in hochauflösend haben möchte!?

Die Bilder lade ich bei tumblr in einen Fotopost hoch. D.h. ich habe keinen Zugriff auf den Bildordner, wo ich dann ggf. eben 2 Uploads in versch. Größen machen könnte (was ich auch nicht möchte). Ebenso wenig möchte ich die Bilder irgw. anders auslagern (flickr. o.ä.).

D.h. eigentlich brauche ich für den Codeschnipsel oben irgw. einen Befehl welches das HighRes-Bild was ich hochlade für den Artikel nochmal auf 720px skaliert. Gehen tut es ja irgw., nur akzeptiert tumblr von Haus aus eben nur das {PhotoURL-500} als maximale Größe für einen Artikel.

Und das müsste codeseitig doch auch zu umgehen sein.

 

[intreaux]

Nein, das lässt sich nicht umgehen, wenn zwischen 500px und HighRes nichts mehr angeboten wird. Bleibt dann wohl nur deine Lösung (width="720"). Mein Einwand ging nur in die Richtung, dass zu viele HighRes-Fotos auf einer Seite natürlich arg auf die Ladezeit der Seite und die Rechnerperformance gehen. Musst man abwägen, aber ich fände das unschön. Wie siehts denn aus, wenn du die 500px-Bilder auf 720 hochskalierst (img src="{PhotoURL-500}" width="720")? Wird wahrscheinlich qualitativ grenzwertig …

 

[RLX-Devlin]

Das versuche ich mal, danke für den Tip.