Immagini a bassa risoluzione, sì, ma come?

Salve a tutti,
io ho un problema, sul mio sito ho messo delle foto della gita a Firenze con la mia classe! Tutto mi è riuscito a meraviglia, tranne una piccola cosa: il caricamneto della pagina con la griglia delle foto è lunghissimo. Non conoscete per caso qualche tag che faccia si che li mi carichi le immagini a bassa risuluzione o una cosa del genere? :?????:

Se vi può servire le fotoi sono in formato *.jpg :eyes:

Grazie

[karlotto]

Potresti cominciare a fare dei thumbnails delle tue foto, cioè a farne delle copie che abbiano come misura del lato massimo più o meno 100 pixel, salvandole ovviamente con nome diverso sul disco.

Poi nella tabella fai in modo di caricare le tue thumbnails al posto delle immagini e per ognuna di esse fai in modo che ti risulti un link verso una pagina che mostri la foto a grandezza naturale.

Infine, se le thumbnails sono troppe, ti conviene creare più di una pagina con esse.

Insomma: hai fatto un album fotografico sul web

(Se il sito è su AV: esistono degli script già pronti in php che fanno tutto questo quasi in automatico; se cerchi nel forum trovi altri post in merito)

-K8

[karlotto]

Avevo dimenticato: per rispondere alla tua domanda, certamente esiste un tag che carica le immagini in bassa risoluzione come alternativa all'alta risoluzione, ma lo fa solo se il browser usato dal navigatore non supporta l'alta risoluzione. Dunque credo tu non ne possa fare uso...

-K8

Grazie dell'aiuto, ma non voglio usare uno script già fatto, ed in più di php non so niente!

Ma non ho capito come faccio a creare quelle cose ce hai detto! Io ho photo shop, come caspiterina faccio?

Ma sei sicuro che non ci sia un tag?

Coi tag puoi solo ridurre o ampliare l'immagine, ma il caricamento resta uguale. Prova ad usare gimp (è gratis ed è ottimo) e a selezionare "riscala". Ma dovrebbe esserci una funzione simile anche in photoshop. Praticamente è la stessa immagine ma "rimpicciolita", con un minor numero di px.

[karlotto]

Puoi fare così:

1) nel tuo programma di grafica (photoshop) apri una per una tutte le immagini e le ridimensioni dando, per esempio, come altezza fissa 100 pixel, quindi le salvi con un nome diverso (che potrebbe essere lo stesso nome della foto originale con aggiunto "_tmb" prima di ".jpg");

2) nella pagina html dove carichi le immagini immagino che ci sia un tag tipo

<img src="foto01.jpg">

o qualcosa del genere; cambia tutti i nomi delle foto in modo che compaia il nome delle nuove immagini che hai appena salvato con nome; l'esempio di poco fa diventerebbe:

<img src="foto01_tmb.jpg">

3) sempre nella stessa pagina html metti prima di ogni immagine l'anchor:

<a href="foto01.jpg" target="_blank">

dove ti ho aggiunto il parametro "target" per fare in modo che ogni foto si apra in una nuova finestra del browser; se questa caratteristica non la vuoi semplicemente elimina il pezzo target="_blank" dall'anchor;

4) aggiungi anche dopo il tag img la chiusura dell'anchor:

</a>

Et voilà, hai appena costruito una pagina molto più snella da caricare con tutte le immagini come miniature (che in inglese sono dette, appunto, thumbnails) dove facendoci un click sopra si aprirà la foto a grandezza originale in una nuova finestra del browser.

Spero di essere stato chiaro

Per quanto riguarda il tag: rileggi il mio post di prima

-K8

Ok grazie infinite, ma mi resta ancora un porblema, non so proprio come fare a salvarle rimpicciolite con il mio photoshp

[karlotto]

Io non uso photoshop, per cui per questo non posso aiutarti. Posso però dirti che ci sarà da qualche parte una voce di menù che più o meno dice "ridimensiona immagine" o qualcosa del genere. Da li dovresti poter, appunto, ridimensionare l'immagine, nel senso di dare un nuovo valore di larghezza e/o altezza (in genere in pixel o in cm o ancora in pollici).

Questo in genere perchè, ripeto, non usando photoshop non conosco il comando specifico. Magari potresti provare a curiosare tra i comandi del photoshop o, meglio, potresti leggerti il suo manuale d'uso

-K8

Ok grazie, ho trovato! Che gradezza è meglio mettere solitamente?

tra 60 px e 100 px, dipende da quante ne vuoi mettere per pagina e da se si vedono (60x60 e' piccolino...)
cmq in photoshop dopo averle ridimensionate salvale con "salve per web", che ti consente di aggiustare la compressione delle jpeg

[Xsescott]

io ti consiglierei :soluzione piu veloce:)))))con il photoshop puoi selezionare una cartella dove inserirai tutte le foto,e il photoshop ti creera' come per magia :PPP un bell album fotografico con le preview e le originali piu le pagine html dove si inseriranno,tutto gia pronto per essere inserito on lline.

allora spiego sta funzione a tutti perche' puo' essere utile a qualcuno:

Aprite il vostro pohoshop e selezionate <file>---><automatizza>----><galleria di foto per web>




POi si aprira una finestra del genere:







allora vi spiego per evitare di sbagliare a cosa servono le varie voci:(anche se so che sn tanto intuitive)lo faccio per i neofiti :)

1)stile----->indica lo stile dell album,cioè puo' essere creato o con un frame verticale o orizzontale dove vi saranno le immagini piccoline che verranno subito visualizzate per permettere al visitatore di poter scegliere l immagine da vedere,cmq selezionando una dlle voci apparira' un immaginetta che vi mostrera' come viene.

2)banner---->indica l'immagine di testa,cioè l'immagine che funzionera da titolo del sito :PP

3)le altre voci credo che sia banale speigarle heheheheh

sorgente e destinazione l ho scritto sull immagine come funzionano,mi raccomando premendo sul tasto ok nn potrete piu tornare indietro e neppure stoppare ,dovrete aspettare che venga terminato la produzione di tutti i file.

ripeto:l'unica cosa che dovete inserire nella cartella sorgete sono le immagini grandezz originale e nessun altro file.


ciao :))