Come fare e poi Ingrandire immagini in miniatura su un sito web

June 14

Come fare e poi Ingrandire immagini in miniatura su un sito web


Internet è un posto veloce. In genere la maggior parte degli utenti non aspettare più di 10 o 15 secondi per una pagina da caricare prima di passare. A causa di questo, si desidera che la pagina per caricare più velocemente possibile. Alcuni dei più grandi di velocità-killer su una pagina web sono immagini di grandi dimensioni. Se si dispone di un sacco di foto da visualizzare, è molto meglio per creare le miniature delle immagini che puntano a grandi versioni.

istruzione

1 Caricare le immagini in Photoshop.

2 Fai clic su "Immagine"> "Dimensione immagine" per accedere al menu Dimensione immagine.

3 Ridurre la dimensione dell'immagine inserendo nuovi valori di altezza e larghezza. Si può scegliere di lavorare in pixel, pollici o semplicemente aggiungere una nuova percentuale. La dimensione esatta delle miniature dipenderà dal tuo sito web design, ma si vuole andare a fare il più piccolo di una immagine possibile, pur mostrando i dettagli.

4 Selezionare "File"> "Salva con nome" per salvare una copia dell'immagine con un nuovo nome file. Ad esempio, "picture1.jpg" potrebbe essere salvato come "picture1_thumb.jpg" per mantenere i due separati.

5 Aprire il sito web che visualizza le miniature. È possibile farlo utilizzando software di authoring pagina web o codificando il codice HTML a mano in un word processor.

6 Inserire la prima miniatura in cui si vuole andare nella pagina.

7 Convertire la miniatura in un link per l'immagine full-size, che aprirà in una nuova finestra (che impedisce agli utenti di dover utilizzare il pulsante indietro).

8 Continuare questo processo per ogni immagine che si desidera includere.

9 Salvare il file e provarlo in un browser web.

Consigli e avvertenze

  • Invece di ridimensionare le immagini, è possibile anche ritagliare una piccola parte di esso in Photoshop per servire come l'unghia del pollice. Scegliere la parte più interessante del quadro se si decide di utilizzare questa opzione.