Casa Social media Salva Photoshop Images come GIF per dispositivi Web e mobili - dummies

Salva Photoshop Images come GIF per dispositivi Web e mobili - dummies

Sommario:

Video: Adobe Premiere Pro CC 2018 - Tutorial italiano: esportare, settaggio esportazione - passo passo 2025

Video: Adobe Premiere Pro CC 2018 - Tutorial italiano: esportare, settaggio esportazione - passo passo 2025
Anonim

Salvataggio di file per il Web o dispositivi mobili in Photoshop Creative Suite 5 crea una versione più piccola dell'immagine in modo che si carichi rapidamente. L'idea è di rendere l'immagine il più piccola possibile pur mantenendo visivamente piacevole.

Usa il formato GIF se hai ampie aree di colore pieno.

Un'immagine con un sacco di tinta unita rende una buona GIF.

Il formato GIF non è lossy ( non perde i dati quando il file è compresso in questo formato), ma riduce le dimensioni del file utilizzando un numero limitato di colori in una tabella di colori. Minore è il numero di colori, minore è la dimensione del file. Se hai mai lavorato in modalità colore indice, hai familiarità con questo processo.

La trasparenza è supportata dal formato di file GIF. Generalmente, i file GIF non fanno un buon lavoro su tutto ciò che richiede transizioni fluide da un colore a un altro, a causa del supporto del formato di anti-aliasing , che è il metodo utilizzato da Photoshop per bordi lisci e frastagliati. Quando un'immagine passa da un colore all'altro, Photoshop produce più colori di pixel per creare una fusione uniforme tra i due colori.

Poiché l'anti-aliasing ha bisogno di creare più colori per questo effetto, i file GIF in genere non sono raccomandati. In effetti, quando riduci le dimensioni di una GIF, sei più incline a vedere banding (un artefatto che appare come strisce nell'immagine) perché l'anti-aliasing non può avere luogo con il limite numero di colori disponibili nel formato GIF.

Ovviamente puoi aumentare notevolmente il numero di colori per creare una transizione più fluida, ma rischi di creare file mostri che richiedono sempre un download.

Salva come GIF

Quando scegli File → Salva per Web e dispositivi, per prima cosa vedi le opzioni di formato GIF disponibili. Potrebbero essere più chiari per te se hai un'immagine aperta (con un sacco di colori in tinta).

Per salvare un file per il Web come GIF, segui questi passaggi:

  1. Scegli File → Salva per Web e dispositivi.

    Viene visualizzata la finestra di dialogo Salva per Web e dispositivi.

  2. In alto, fai clic sulla scheda 2-Up.

    Si vede l'immagine originale a sinistra e l'immagine ottimizzata a destra (o superiore e inferiore, a seconda delle proporzioni dell'immagine).

    Nella parte inferiore del display, viene visualizzata la dimensione del file originale rispetto alle dimensioni ottimizzate del file, nonché il tempo approssimativo di download. Il tempo di download è importante. La maggior parte delle persone non aspetta più di dieci secondi per la visualizzazione di una pagina Web, quindi mantieni il tempo di download di ogni immagine su cinque secondi o meno.

    Modifica la velocità di download scegliendo dal menu Anteprima (cerca la freccia in alto a destra nella finestra di dialogo Salva per Web e dispositivi).

  3. Scegli GIF 32 Nessun dither dall'elenco a discesa Predefinito.

    Potresti vedere già un cambiamento. Photoshop ti fornisce i preset tra cui scegliere, oppure puoi personalizzare e salvare i tuoi.

  4. Scegliere se si desidera applicare il dithering all'immagine selezionando un'opzione dall'elenco a discesa Specifica dell'algoritmo del dithering.

    Questa scelta è puramente personale. Poiché potresti limitare i colori, Photoshop può usare il dithering per mescolare i pixel dei colori disponibili per simulare i colori mancanti. Molti designer scelgono l'opzione Nessun retinatura perché il dithering può creare macchie di colori innaturali in un'immagine.

    Scegli tra i preset o crea le tue impostazioni personalizzate.
  5. Se l'immagine si trova su un livello trasparente e si desidera mantenere tale trasparenza su una pagina Web, selezionare la casella di controllo Trasparenza.

Tabella colori nella finestra di dialogo Salva per Web e dispositivi

Quando si salva un'immagine in formato GIF utilizzando la finestra di dialogo Salva per Web e dispositivi, viene visualizzata la tabella dei colori per l'immagine sul lato destro della finestra di dialogo. La tabella dei colori è importante perché non solo consente di vedere i colori utilizzati nell'immagine, ma consente anche di personalizzare la tabella dei colori usando le opzioni in basso.

Potrebbe essere necessario personalizzare la tabella dei colori selezionando alcuni colori in modo che siano sicuri per il Web e bloccando i colori in modo che non vengano eliminati riducendo il numero utilizzato.

Per personalizzare una tabella colori, segui questi passaggi:

  1. Se l'immagine ha solo pochi colori che vuoi convertire in colori sicuri per il Web, scegli lo strumento Eyedropper dalla sinistra della finestra di dialogo Salva per Web e dispositivi casella e fare clic sul colore nella vista Ottimizzata.

    Il colore campionato è evidenziato nella tabella dei colori.

  2. Fai clic sul pulsante Web Safe nella parte inferiore della tabella dei colori.

    Quando si attraversa questo pulsante, viene visualizzata la descrizione del comando Sposta / rimuove i colori selezionati nel pannello Web.

    Appare un rombo che indica che il colore è ora sicuro per il web.

  3. Blocca i colori che non si desidera eliminare riducendo il numero di colori nella tabella dei colori.

    Selezionare un colore con lo strumento Eyedropper o sceglierlo nella tabella dei colori e quindi fare clic sul pulsante Blocca colore. Un quadratino bianco appare nell'angolo in basso a destra, a indicare che il colore è bloccato.

    Se blocchi 32 colori e quindi riduci la tabella dei colori a 24, alcuni dei tuoi colori bloccati vengono eliminati. Se scegli di aggiungere colori, quei colori bloccati sono i primi a tornare.

    Personalizza i colori usando la tabella dei colori nella finestra Salva per Web e dispositivi.

Come viene creata la tavola dei colori? In base al metodo dell'algoritmo di riduzione del colore scelto, la funzionalità Salva per Web e dispositivi campiona il numero di colori che si indicano. Se è importante mantenere i colori Web sicuri, selezionare l'opzione Restrictive (Web) per il metodo; se vuoi che la tua immagine appaia meglio sulla maggior parte dei monitor ma non sia necessariamente sicura sul Web, scegli l'opzione Adattabile.

  1. Utilizza il menu a discesa Colori o inserisci un numero per aggiungere o eliminare colori dalla tabella dei colori.

  2. Se l'immagine utilizza la trasparenza, selezionare la casella di controllo Trasparenza nella parte superiore della finestra di dialogo Salva per Web e dispositivi.

    Ricorda che la trasparenza viene contata come uno dei tuoi colori nella tavola dei colori.

  3. Seleziona la casella di controllo Interlacciato solo se l'immagine GIF è grande (25 K o più grande).

    Selezionando questa opzione, l'immagine si costruisce in diverse scansioni sulla pagina Web: un'immagine a bassa risoluzione che si apre rapidamente e viene quindi aggiornata con l'immagine a più alta risoluzione al termine del download. L'interlacciamento dà l'illusione che il download vada più veloce ma ingrandisce le dimensioni del file, quindi usalo solo se necessario.

  4. Fai clic su Salva.

    Ora l'immagine è pronta per essere allegata a un messaggio e-mail o utilizzata in una pagina Web.

Salva Photoshop Images come GIF per dispositivi Web e mobili - dummies

Scelta dell'editore

Tasti di scelta rapida per Microsoft Office 2007 - dummies

Tasti di scelta rapida per Microsoft Office 2007 - dummies

Microsoft Office 2007 è pieno di scorciatoie da tastiera per risparmiare tempo. Comprimi i componenti di Office 2007 - Word, Excel, Outlook, PowerPoint e Access - utilizzando i tasti di scelta rapida utili della seguente tabella. Con poco sforzo, puoi aprire file, trovare contenuti, modificare quel contenuto e altro! Funzione Ctrl Copia Ctrl + C Taglia Ctrl + X Trova Ctrl + F Vai ...

Vantaggi di Lync Online - dummies

Vantaggi di Lync Online - dummies

Lync Online è disponibile sia in ambito professionale sia in piccole imprese (P) e aziendali (E ) piani in Office 365. Le funzionalità includono messaggistica istantanea (IM), chiamate audio e video, presenza, riunioni online, presentazioni online e la possibilità di connettersi con i contatti di Windows Live Messenger e altri utenti esterni che eseguono Lync. La tecnologia è integrata in tutto ...

Come avviare una conversazione con Lync Online - dummies

Come avviare una conversazione con Lync Online - dummies

La scheda di contatto di Lync Online è un ottimo modo per avviare una conversazione con un collega o i membri del tuo team. Oltre alle note personali, alla presenza e alla posizione, vengono visualizzate anche le informazioni sulla tua organizzazione come il titolo e i numeri di telefono. Per visualizzare la scheda di contatto, passa con il mouse sopra l'immagine di una persona e fai clic sul gallone ...

Scelta dell'editore

Come scegliere un'immagine di sfondo Twitter per Visual Social Marketing - dummies

Come scegliere un'immagine di sfondo Twitter per Visual Social Marketing - dummies

Quando si imposta su un account Twitter per il social marketing visivo, un tipo di immagine che è richiesto per il tuo profilo è l'immagine di sfondo - viene visualizzata dietro il profilo Twitter. Nella parte superiore della schermata Impostazioni disegno, Twitter ti consente di scegliere tra una serie di temi premade. Un tema premade applica un ...

Come scegliere un buon nome utente Twitter - dummy

Come scegliere un buon nome utente Twitter - dummy

Su Twitter, il tuo nome utente, o handle, è il tuo identità. Se puoi, iscriviti a Twitter usando il tuo nome o una variante di esso come nome utente (supponendo che qualcun altro non lo stia già utilizzando). Ad esempio, se il tuo nome è John Ira, potresti scegliere un nome utente Twitter come @johnira o ...

Come personalizzare il tuo profilo Twitter - dummies

Come personalizzare il tuo profilo Twitter - dummies

La tua pagina pubblica su Twitter, noto anche come profilo, è la prima impressione che gli altri utenti di Twitter hanno di te, e può fare una grande differenza nel decidere se seguirti. Personalizzare la tua pagina del profilo Twitter in modo che rifletta te o la tua azienda fa la differenza quando si tratta di persone ...

Scelta dell'editore

Perché avresti bisogno di più profili utente per Dragon Professional Individuale - manichini

Perché avresti bisogno di più profili utente per Dragon Professional Individuale - manichini

Drago Individuo professionale capisce solo quelli che si sono presentati ufficialmente come utenti e hanno creato un profilo utente. Ecco quattro motivi per cui potresti voler creare più di un profilo utente: usi diversi vocabolari o stili di scrittura per compiti diversi. Si utilizzano diversi microfoni per compiti diversi. Volete ...

Lavorare con fogli di calcolo Usare NaturallySpeaking - dummies

Lavorare con fogli di calcolo Usare NaturallySpeaking - dummies

Utilizzando fogli di calcolo con versioni precedenti di NaturallySpeaking era difficile perché non si poteva indirizzare direttamente i nomi delle celle. Volevi dire qualcosa come "Cella A5" o "Seleziona Colonna C." Ma (sospiro), niente dado. Il tuo assistente non aveva idea di cosa stavi parlando. Bene, il tuo assistente ha "up-leveled" le sue abilità! Ora è possibile ...

Su Evernote's Passcode Lock - dummies

Su Evernote's Passcode Lock - dummies

Abbonati premium e business che utilizzano determinati dispositivi ora possono bloccare l'app Evernote con un blocco Passcode . Ogni volta che torni all'app, ti viene chiesto di inserire il tuo codice. Un blocco passcode è un'ottima opzione se condividi il tuo telefono o tablet con altre persone e vuoi impedire loro di accedere a ...