Come tagliare un PSD in HTML

December 11

Quando si crea e salva un'immagine in Photoshop, viene salvato come file PSD. Questo formato consente di modificare la grafica in un secondo momento, ma non viene utilizzato sul Web. La vostra grafica può essere qualsiasi cosa, da una semplice immagine per l'intera progettazione della pagina Web. È possibile tagliare l'immagine in sezioni per ridurre le dimensioni del file e convertirlo in un formato web-friendly, mentre la generazione del codice HTML.

istruzione

1 Vai alla grafica che si desidera modificare in Photoshop.

2 Fare clic sullo strumento "Slice" dalla palette Strumenti.

3 Trascina il mouse sopra la prima area dell'immagine che si desidera tagliare. Rilasciare il mouse per creare la fetta. Un dialogo che intorno alla zona. Trascina il mouse sopra la prossima area che si desidera tagliare e rilasciare il mouse. Ripetere questo modello fino a quando hai a fette l'intera immagine.

4 Selezionare "File", "Salva per Web e dispositivi." Fai clic su "Salva".

5 Selezionare "HTML e immagini" dall'elenco a discesa "Formato" nel "Salva ottimizzato come" finestra di dialogo. Scegliere "Altro" nel menu a discesa "Impostazioni". Si viene indirizzati alla finestra di dialogo "Impostazioni di output".

6 Vai alla sezione "Formattazione". Scegli il caso e il rientro si desidera nel codice HTML. Vai a "Coding". Controllare le opzioni che si desidera includere, come commenti e attributi alternativo per le immagini. Fai clic su "OK" per tornare alla "Salva ottimizzato come" finestra di dialogo.

7 Fare doppio clic sulla cartella in cui si desidera che il file salvato. Un nome al file e fare clic su "Salva".