Come fare miniature più grande sul mio sito

September 15

Come fare miniature più grande sul mio sito


Le miniature offrono ai lettori del sito web l'anteprima di un'immagine senza dover caricare l'intero file, dando loro la possibilità di fare clic sulla miniatura, se vogliono vedere l'immagine ad alta risoluzione corrispondente. Usali soprattutto per i siti web con immagini multiple, come la famiglia picture-sharing o siti web fotografia legate. È possibile visualizzare le immagini in miniatura in qualsiasi dimensione, tenendo presente la qualità dell'immagine con la risoluzione più bassa. Esperimento con diverse risoluzioni e ritaglio per creare una miniatura che raffigura con precisione il soggetto dell'immagine.

istruzione

1 Aprire l'immagine nel programma di immagini software di editing. Salvare l'immagine, "picture.jpg", come "picture1.jpg."

2 Ritagliare l'immagine, che mostra la parte che meglio raffigura il soggetto. Ritaglio è facoltativo, ma contribuisce a rendere il file più piccolo. Il file delle miniature più piccolo caricherà più velocemente sul sito web.

3 Ridimensionare l'immagine a una risoluzione più bassa. Maggior parte dei software di editing delle immagini ha l'opzione nel menu Strumenti che ridimensionare l'immagine in relazione a pollici o pixel. Idealmente, rendere la dimensione lo stesso che si desidera per il tuo sito. Tuttavia, è possibile regolare che più tardi.

4 Carica sia l'immagine completa, "picture.jpg", e l'immagine più piccola, "picture1.jpg," per il server.

5 Modificare il file HTML da includere:

<a href="folder/picture.jpg" target="_blank"> <img

width = "50" height = confine "50" = "0"

alt = "la mia figura" align = "bottom" /> </a>

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

Sostituire "picture.jpg" con il cognome, il nome di immagini ad alta risoluzione.

Sostituire "picture1.jpg" con la parte bassa risoluzione nome miniatura.

Sostituire "la mia figura" con una didascalia per l'immagine che verrà visualizzata tuo link nel caso in cui il lettore non può visualizzare immagini.

6 Regolare la "width =" e "height =" per la dimensione desiderata in pixel. Visualizzare in anteprima il sito web e sperimentare con questi numeri fino a raggiungere i risultati desiderati.

Consigli e avvertenze

  • Se hai già le immagini sul vostro sito web e solo desidera cambiare le loro dimensioni, trovare il riferimento al le miniature nel file html e Vedere fase 6 a regolare la larghezza e l'altezza.
  • Salvare una copia di backup del file HTML prima di apportare modifiche.