Ottimizzare è salvà e immagini in format GIF


Dopu avè custruutu un'animazione in Photoshop, bisognu salvarli in unu di i formati dispunibuli, unu di i quali hè Gif. Una caratteristica di stu furmatu hè chì hè stata prucata à veda (play) in u navigatore.

Se site interessatu à altre opzioni per salvà l'animazione, vi propemu di leggere questu articulu qui:

Lezione: Cumu salvà i video in Photoshop

Processo di creazione Gif L'animazione hè statu descritta in una di e lezioni precedenti, è oghje avemu parlà cumu salvà u schedariu in Gif e impostazioni di ottimizazione.

Lezione: Crea una animazione semplice in Photoshop

Salvà GIF

Per cuminciare, ripetite u materiale è fate un ochju à a finestra di configurazione di salvamentu. Si apre cliccendu nantu à l'elemento. "Salvà per Web" in u menù "File".

A finestra hè fatta di duie parti: un bloccuolu di previsione

è blocca l'impostazioni.

Aghjunghje a blocca

A selezzione di u numeru di opzioni di visualizazione hè selezionata in cima di u blocu. Sicondu i vostri bisogni, pudete sceglie l'impostazione desiderata.

L'immagine in ogni finestra, tranne l'originale, hè configurata separatamente. Questu hè fattu per chì pudete sceglie a scelta migliore.

In a parte superiore sinistra di u blocu ci hè una piccula serie di strumenti. Utilizzaremu solu "A manu" è "Scale".

Cù l'aiutu di "Mani" Pudete muvà l'imagine in a finestra seleziona. A selezzione hè fatta ancu da questu strumentu. "Scale" esegue a stessa azzione. Pudete ancu zoom in e out cù i pulsanti in u fondu di u blocu.

Appena sottu, hè u bottinu etichettatu "Vede". Averisce l'opzione selezionata in u navigatore predefinitu.

In a finestra di navigatore, in più di un serie di parametri, pudemu ancu fà Codice HTML gif

Imposta u blocu

In questu blocu, i parametri di l'immagine sò impostati, pritemu in più dettu.

  1. Schema di culore. Sta impostazione determina chì tavula di culori indiziata sarà applicata à l'immagine durante a ottimizazione.

    • Perceptual, ma solu "schema di percezione". Quandu hè applicatu, Photoshop crea una tavula di culori, guidata da l'umani attuali di l'immagine. Secunnu i sviluppatori, sta tavula hè più vicinu di cum'è u ochju umanu vedi i culori. E più - u più vicinu à l'immagine originale, i culori sò salvati quant'è pussibule.
    • Selettivu U schema hè simule à u precedente, ma usa in gran parte culori chì sò sicuri per u web. Inoltre si concentra nantu à a mostra di tinte vicinu à l'originale.
    • Adattive. In stu casu, a tavula hè creata da i culori chì sò più cumunali in l'immagine.
    • Limitatu. È cusì di 77 culori, certi di i quali sò rimpiazzati da bianchi in forma di un punto (grana).
    • Customized. Quandu sceglite questu schema, hè possibile creà a vostra propria paletta.
    • Neri è bianchi. Sta tavula utilizza solu dui culori (biancu è biancu), ancu aduprendu u granu.
    • In scala di grigi. Eccu diversi livelli di 84 tonalità di grisgiu sò applicati.
    • MacOS è Windows. Sti tabulati sò compilati à i basi di e funzionalità di visualizà l'image in i navigatori chì esibenu questi sistemi operativi.

    Eccu alcuni esempi di l'usu di schemi.

    Comu pudete vede, i primi trè campioni anu qualità bè accettabile. Malgradu u fattu ch'è visivamente difficive micca l'unu di l'altru, sti schemi funzioneranu diversamente nantu à e diverse immagini.

  2. U numaru massimu di culori in u tavulu di culore.

    U numeru di tinte in l'immagine influisce direttamente à u so pesu, è di conseguenza, a velocità di download in u navigatore. U valore più cumunitu 128Siccome questu stabilimentu ùn hà micca pressione micca sull'effettu di a qualità, ridendu u pesu di u gif.

  3. Web colori. Questa impostazione stabilisce a tolleranza cù chì i tinte sò convertiti in equivalenti da una palette web sicura. U pesu file hè determinatu da u valore stabilitu da u cursore: u valore hè più altu - u schedariu hè più chjucu. Quandu configurà i culori web, ùn vi scurdate micca a qualità.

    Esempiu:

  4. U discerting permette di lisciare e transizioni tra i culori mischendu i tonalità chì sò contenute in a tabella d'indice selezionata.

    L'adjustament aiutera dinò, quant'ellu hè pussibule, a conservà i pendii è l'integrità di e zone monocromatiche. Quandu aduprate un smregghimentu, u pesu di u file cresce.

    Esempiu:

  5. Trasparenza. Formatu Gif supporta solu i pixel trasparenti, o assolutamente opachi.

    Stu parametru, senza adeguamentu in più, mostra male linee curre, lascendu scala pixel.

    L'adjustament hè chjamatu "Frosted" (in alcune edizioni "Border"). Pò esse adupratu per mischjà i pixel di l'immagine cù u sfondo di a pagina nantu à a quale si trova. Per a migliore visualizazione, sceglite un culore chì cunnove u culore di u pianu di u situ.

  6. Intrecciati. Una di e impostazioni più pratiche per u Web. In stu casu, s'ellu hà u pesu assai prisentatu, permette di vede immediatamente l'immagine in a pagina, cume hè caricata, migliorendu a so qualità.

  7. A cunversione sRGB aiuta à tene u massimu di i culori originali di l'immagine mentre salvate.

A personalizazione "Dithering transparent" Ingrossu significativamente a qualità di l'imagine, ma circa u parametru "Perdite" Parlemu in a parte pratica di a lezione.

Per una migliore capienza di u prucedimentu di a messa in riservazione di gif in Photoshop, avete bisognu di praticà.

Pratica

L'obiettivo di ottimizà e immagini per Internet hè minimà u pesu di u schedariu puru mantendu a qualità.

  1. Dopu avè trattatu e immagini vene à u menu "File - Save for Web".
  2. Spieghje u modu di vista "4 opzioni".

  3. Dopu avete bisognu di una di e opzioni per fà u più vicinu à u originale. Sia l'imagine à a destra di a fonte. Questu hè fattu per stima a dimensione di u lugaghju cù a qualità massima.

    I parametri di l'impostazione sò cumpressi:

    • Schema di culore "Selettivu".
    • "Culori" - 265.
    • "Dithering" - "Casuale", 100 %.
    • Rimuete a casella di fronte à u parametru "Interlace", perchè u volume finale di l'immagine serà abbastanza chjucu.
    • "Culori Web" è "Perdite" - zero.

    Compare u risultatu cù l'originale. À u fondu di a finestra di campionu, pudemu vede a dimensione attuale di u gif è a so velocità di download à a velocità Internet indicata.

  4. Andate in a foto sottu ghjustu configuratu. Provemu à ottimizallu.
    • U schema hè micca cambiatu.
    • U numeru di culori hè riduttu à 128.
    • Sensu "Dithering" riduttu à u 90%.
    • Web colori ùn tocchi micca, chì in questo casu ùn ci aiutera micca à mantene a qualità.

    A taglia GIF hè diminuita da 36,59 KB à 26,85 KB.

  5. Chì esiste dighjà un grana è micca difetti in a foto, pruvaremu di fà cresce "Perdite". Stu parametru determina u livellu accettabile di perdita di dati durante a compressione. Gif. Cambia u valore à 8.

    Avemu gestitu di riduce di più a dimensione di u schedariu, puru perdendu un pocu di qualità. Gifka pesa adesso 25,9 kilobyte.

    Allora, avemu sapè riduce a dimensione di l'immagine cù circa 10 KB, chì hè più di 30%. Ottimu risultatu.

  6. L'azione ulteriore hè assai semplice. Spingite u pulsante "Salvà".

    Sceglite un locu per salvà, date u nome di u gif, è cliccate nant'à "Salva ".

    Per piacè notate chì ci hè una possibilità cù a Gif creà è HTML u documentu in cui a nostra foto sarà incisa. Per ciò hè megliu per selezziunu una cartulina vuota.

    Cusì avemu una pagina è un cartulare cun una maghjina.

Cunsigliu: quandu nomi un file, pruvate à ùn aduprà micca i caratteri cirillici, perchè micca tutti i navigatori sò capaci di leghje.

In sta lezione nantu à salvà e immagini in u furmatu Gif hè finitu. In listessu, avemu scupiatu cumu per ottimizzà u schedariu per u piazzamentu in Internet.