Come faccio a collegare un immagine per un sito web?

May 19

L'aggiunta di immagini al tuo sito web aggiunge interesse visivo e offre ai visitatori un'esperienza più dinamica. La pubblicazione di immagini per il tuo sito può anche offrire opportunità disastro se non effettuate correttamente. Fortunatamente, selezionando la foto a destra, ottimizzandolo per il web e per l'upload al server del sito non sono compiti complessi. Con un po 'di pratica, è possibile avere immagini sul vostro sito web che aumentano notevolmente il valore del suo contenuto.

Selezione Foto

Scegliere le immagini che sono chiaramente definiti. Una foto di un cespuglio pieno di fiori non sarà efficace come un primo piano dei fiori.

Non cercare di risolvere una foto sfocata o non correttamente illuminato utilizzando il software di elaborazione delle immagini, come ad esempio Photoshop, se non sei un esperto di grafica o l'immagine è un pezzo d'antiquariato che non può essere riprodotto. Al contrario, ripetere l'immagine. I visitatori del sito sono spietato quando si tratta di immagini "ovviamente Photoshopped". Un'immagine mal curata può mettere in discussione il contenuto del vostro sito web, piuttosto che complimentarmi con esso.

Ottimizzazione immagini per Internet

Utilizzare il software di elaborazione delle immagini per ottimizzare le immagini per il tuo sito. La maggior parte degli editor di immagini, tra cui diversi quelli gratuiti, includono strumenti per preparare le immagini per caricare rapidamente su Internet. dimensione del file è, dopo tutto, direttamente correlata al tempo di caricamento, e le immagini lento caricamento può guidare i visitatori lontano dal tuo sito web.

Un modo per ottimizzare l'immagine per il Web è quello di regolare le sue dimensioni, la dimensione viene visualizzato in sul vostro sito, utilizzando il software di elaborazione delle immagini. Mai codice di un sito web per visualizzare un'immagine più piccola di dimensioni reali; invece, ridurlo prima di caricarlo. Per esempio, immaginate di avere un'immagine che è 1280 pixel per 780 pixel, ma si desidera visualizzarlo a 250 da 100 pixel e utilizzare il codice per realizzare questo. Perché un browser Web deve caricare l'immagine completa prima di regolare come appare sul sito web, il browser spreca tempo prezioso, che potrebbe guidare un visitatore di distanza.

Oltre a regolare le dimensioni di una foto, è possibile ottimizzare regolando la dimensione del file. Utilizzare il software di elaborazione delle immagini per ridurre le dimensioni dei file modificando la compressione. Testare diverse impostazioni di compressione fino a quando si ha la massima compressione, ma hanno ancora un quadro chiaro. Nell'esempio di cui sopra, la riduzione che 1280 per 780 pixel dell'immagine a 250 da 100 pixel e quindi aumentare la compressione a 51 in grado di ridurre le dimensioni del file da 180 KB a 18 KB. Questo è un risparmio di fino a due minuti nel tempo di caricamento.

Scrivere il codice e caricare l'immagine

Scrivere il codice corretto per l'immagine appaia nel documento HTML del sito. Digitare il nome del file del pciture esattamente come appare, o in altro modo il browser Web di un visitatore non lo troverà. Ad esempio, è necessario utilizzare "PICTURE.jpg", non "picture.jpg" se si è utilizzato tutte le lettere maiuscole nel nome del file dell'immagine. Per ridurre gli errori di codifica in questo senso, avere un sistema standard per la denominazione dei file di immagine e bastone ad esso.

Assicurarsi di avere nel codice HTML l'esatto percorso - tra cui la cartella in cui si inserisce l'immagine - al punto in cui l'immagine viene memorizzata sul server. Un modo per ridurre gli errori di codifica percorso dell'immagine e per mantenere il vostro spazio server in ordine è quello di mettere le immagini in una cartella denominata "Immagini" o "immagini" o tutto ciò che è facile da ricordare.

Giocare sul sicuro

Quando si inizia la modifica di un file di immagine, non lavorare con l'originale. Creare una copia del file da modificare o rinominare il file quando si salva prima le modifiche apportate in modo da mantenere un originale inalterato. Se si decide il lavoro di editing non è giusto o si verifica un errore, avrai ancora un originale, il file inalterato per ricominciare con.