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.

Articoli Correlati