Nwlapcug.com


Come fare le miniature più grande sul mio sito Web

Come fare le miniature più grande sul mio sito Web


Miniature offrono i lettori del sito un'anteprima di un'immagine senza dover caricare l'intero file, dando loro la possibilità di fare clic sull'immagine di anteprima se vogliono vedere la corrispondente immagine ad alta risoluzione. Li usano soprattutto per i siti Web con immagini multiple, quali la famiglia siti Web di condivisione di foto o di fotografia. È possibile visualizzare le immagini in miniatura in qualsiasi dimensione, tenendo a mente la qualità dell'immagine con la risoluzione più bassa. Esperimento con diverse risoluzioni e ritaglio per creare una miniatura che descrive accuratamente il soggetto dell'immagine.

Istruzioni

1

Aprire l'immagine nel vostro programma di fotoritocco. Salvare quell'immagine, "immagine. jpg," come "Picture1."

2

Ritagliare l'immagine, mostrando la parte che meglio raffigura il soggetto. Il ritaglio è opzionale, ma aiuta a rendere il file più piccolo. Il file di miniature più piccolo caricherà più velocemente nel sito Web.

3

Ridimensionare l'immagine a una risoluzione inferiore. Maggior parte dei software di fotoritocco ha l'opzione nel menu strumenti che ridimensionerà l'immagine in relazione ai pollici o pixel. Idealmente, fanno le dimensioni lo stesso come si desidera per il tuo sito. Tuttavia, è possibile regolare che più tardi.

4

Caricare l'immagine completa, "immagine. jpg" sia l'immagine più piccola, "Picture1," sul server.

5

Modificare il file html per includere:

< un href="folder/picture.jpg" target = blank">< img

larghezza = "50" altezza = "50" border = "0"

Alt = "My Picture" align = "bottom" / >< /a >

Sostituire "cartella" con il nome della directory in cui hai caricato le immagini.

Sostituire "immagine. jpg" con il tuo nome completo, ad alta risoluzione di immagine.

Sostituire "Picture1. jpg" con il nome di immagine di anteprima di bassa risoluzione.

Sostituire "My Picture" con una didascalia per l'immagine che visualizzerà il tuo link nel caso in cui il lettore non può visualizzare le immagini.

6

Regolare la "larghezza =" e "altezza =" alla dimensione desiderata in pixel. Visualizzare in anteprima il tuo sito Web e sperimentare con questi numeri, fino a raggiungere i risultati desiderati.

Consigli & Avvertenze

  • Se hai già le immagini sul tuo sito Web e desidera semplicemente modificare le loro dimensioni, trovare il riferimento per le miniature nel file html e vedere il passaggio 6 su come regolare la larghezza e l'altezza.
  • Salvare una copia di backup del file html prima di apportare modifiche.