Archief - Grote foto's naar thumbnail. Apart of niet?

Hallo allemaal.

Ben bezig aan een websiteje voor een vriendin. Deze wil een informatieve website over haar windmolen hebben. All good so far
Heb dit in HTML en css gedaan, dus geen cms of php toestanden.
Nu heb ik een 20 tal grote HIGH res foto's van haar gekregen die absoluut op de site moeten komen. Voorlopig staan ze er zo op en heb ik ze een fixed width/height gegeven voor op de website naast elkaar te tonen in het klein. Eens ik erop druk ga ik via een JS scriptje naar het wel gekende "blader door de foto's" galerij.

Het probleem is dus dat door de grote van die foto's de website heel traag start. Welke oplossing lijkt jullie het beste?
Ik weet dat ik zelf die foto's kleiner kan maken in Photoshop of dergelijke en deze dan gebruik en ze dan doorlinken naar de high res versie, maar misschien dat jullie een betere/andere kant en klare oplossing weten.

Bedankt alvast

Als je een CMS had gebruikt kan je tijdens het uploaden verschillende formaten kunnen aanmaken, maar als je het puur in HTML doet is de makkelijkste oplossing ze gewoon resizen in photoshop.

W0utR zei:

Als je een CMS had gebruikt kan je tijdens het uploaden verschillende formaten aanmaken, maar als je het puur in HTML doet is de makkelijkste oplossing ze gewoon resizen in photoshop.

Klik om te vergroten...

Dit.

Als alle foto's even groot zijn kunde eventueel ook snel een actie opnemen met photoshop en dan in 1 batch al die foto's erdoor jagen, bespaart ook weer wat tijd.

Kan ook via irfanview of Easy Thumbnails (laatste is zeer interessant om bv 250 foto's te resizen)

En hoe exact doe je dat?

En wat als ik alle foto's nu naar imgur of dergelijke upload en zo link? of is dat geen goed idee?

merci al voor de raad

Fransz zei:

Kan ook via irfanview of Easy Thumbnails (laatste is zeer interessant om bv 250 foto's te resizen)

Klik om te vergroten...

Ja die easy thumb is wel heel handig. thx voor de tip.

W0utR zei:

Als je een CMS had gebruikt kan je tijdens het uploaden verschillende formaten kunnen aanmaken, maar als je het puur in HTML doet is de makkelijkste oplossing ze gewoon resizen in photoshop.

Klik om te vergroten...

ik doe dit meestal met een php script die de image served naar de gewenste grootte zodra hij wordt opgevraagd. De eerste keer wordt de thumb dan gegenereerd en de volgende keren haalt ie ze uit de "cache". Hierbij hebt ge het voordeel dat als ge ooit iets zou aanpassen aan uw site je gewoon de cache moet leegmaken en gewenste thumbsizes moet aanpassen. Enige nadeel is die eerste gebruiker dat de foto laadt, maar das ook verwaarloosbaar.

In het cms wordt dus gwn de original opgeladen en thumbs / gecropte versie op vraag serven.

adrianhates zei:

ik doe dit meestal met een php script die de image served naar de gewenste grootte zodra hij wordt opgevraagd. De eerste keer wordt de thumb dan gegenereerd en de volgende keren haalt ie ze uit de "cache". Hierbij hebt ge het voordeel dat als ge ooit iets zou aanpassen aan uw site je gewoon de cache moet leegmaken en gewenste thumbsizes moet aanpassen. Enige nadeel is die eerste gebruiker dat de foto laadt, maar das ook verwaarloosbaar.

In het cms wordt dus gwn de original opgeladen en thumbs / gecropte versie op vraag serven.

Klik om te vergroten...

De reden dat ik geen cms gekozen heb is omdat dat pure overkill zou zijn. Het is gewoon basic stuff en ik had geen nood aan 1000 en 1 plugins. Het is ondertussen allemaal opgelost en de website laad behoorlijk snel. Nu nog google pagespeed erop loslaten en we zijn klaar se.

adrianhates zei:

ik doe dit meestal met een php script die de image served naar de gewenste grootte zodra hij wordt opgevraagd. De eerste keer wordt de thumb dan gegenereerd en de volgende keren haalt ie ze uit de "cache". Hierbij hebt ge het voordeel dat als ge ooit iets zou aanpassen aan uw site je gewoon de cache moet leegmaken en gewenste thumbsizes moet aanpassen. Enige nadeel is die eerste gebruiker dat de foto laadt, maar das ook verwaarloosbaar.

In het cms wordt dus gwn de original opgeladen en thumbs / gecropte versie op vraag serven.

Klik om te vergroten...

check timthumb.php

en anders, vso image resizer is een handig free tooltje om thumbjes enzo te gaan maken.