Principal Design Grafic Cum să reduceți dimensiunea fișierului GIF pentru o performanță mai bună a site-ului

Cum să reduceți dimensiunea fișierului GIF pentru o performanță mai bună a site-ului



Ce să știi

  • Decupați spațiu suplimentar în jurul imaginii pentru a reduce dimensiunile pixelilor acesteia. Când pregătiți GIF-ul, reduceți dimensiunile sale de ieșire.
  • Reduceți numărul de culori din imagine. Pentru GIF-urile animate, reduceți numărul de cadre.
  • Evitați ditheringul și întrețeserea. Dacă software-ul dvs. are o opțiune cu pierderi pentru salvarea GIF-urilor, aceasta va reduce semnificativ dimensiunea fișierului.

Acest articol explică regulile generale de luat în considerare pentru a reduce dimensiunea fișierului GIF-urilor de pe site-ul dvs. web, astfel încât imaginile să se încarce mai repede și site-ul dvs. să funcționeze mai eficient.

Cum să reduceți dimensiunea fișierului GIF pentru o performanță mai bună a site-ului

Pentru a face GIF-ul cât mai eficient posibil:

  1. Decupați orice spațiu suplimentar din jurul imaginii. Reducerea dimensiunilor pixelilor unei imagini este cea mai eficientă modalitate de a reduce dimensiunea fișierului. Dacă utilizați Photoshop, Tunde comanda funcționează bine pentru asta.

  2. Când pregătiți o imagine GIF, reduceți dimensiunile de ieșire. Fiecare program de editare grafică oferă diferite comenzi pentru redimensionare.

  3. Reduceți numărul de culori din imagine. GIF-urile afișează doar 256 de culori, dar dacă imaginea dvs. are doar câteva, atunci reduceți numărul de culori oricum. Când reduceți culorile în GIF-uri, obțineți cea mai bună compresie atunci când culorile numărului sunt setate la cea mai mică dintre aceste opțiuni: 2, 4, 8, 16, 32, 64, 128 sau 256.

  4. Reduceți numărul de cadre din imagine pentru GIF-urile animate. Evitați animațiile inutile, în general. Animația excesivă crește timpul de descărcare a paginii web și mulți oameni consideră că distrag atenția.

    cum să ștergi tot ceasul mai târziu pe YouTube
  5. Dacă utilizați Photoshop , creați un fișier GIF folosind Export ca articol din meniu. Selectați Fişier > Export ca . Când se deschide meniul, selectați GIF ca format de fișier și reduceți dimensiunile fizice (lățime și înălțime) ale imaginii.

  6. Dacă utilizați Adobe Photoshop Elements, selectați Fişier > Salvare pentru web . Acest proces deschide Salvare pentru web caseta de dialog care se găsește și în Adobe Photoshop la Fişier > Export > Salvați pentru web (moștenire) . Când se deschide, aplicați dithering, reduceți culoarea și modificați dimensiunile fizice ale imaginii.

    cum să obțineți un scor mai mare
  7. Evitați ditheringul. Dithering poate face unele imagini să arate mai bine, dar mărește dimensiunea fișierului. Dacă software-ul dvs. permite acest lucru, utilizați un nivel mai scăzut de dithering pentru a salva octeți suplimentari.

  8. Unele software au o opțiune cu pierderi pentru salvarea GIF-urilor. Această opțiune poate reduce semnificativ dimensiunea fișierului, dar reduce și calitatea imaginii.

  9. Nu utilizați întrețesere. De obicei, întrețeserea crește dimensiunea fișierului.

  10. Atât Photoshop, cât și Photoshop Elements arată timpul de descărcare. Nu-i acordați atenție. Se bazează pe utilizarea unui modem de 56k. Un număr mai valid apare dacă selectați un modem prin cablu din meniul derulant.

Imagini GIF și Web

Imaginile GIF nu sunt o soluție unică. Imaginile GIF au maximum 256 de culori, ceea ce înseamnă că vă puteți aștepta la o degradare severă a imaginii și a culorii dacă nu sunteți atent.

Formatul de fișier GIF, în multe privințe, este un format moștenit care datează din primele zile ale internetului. Înainte de introducerea formatului GIF, imaginile web erau alb-negru și comprimate folosind formatul RLE. GIF-urile au apărut pentru prima dată pe scenă în 1987, când Compuserve a lansat formatul ca soluție de imagini web. La acel moment, culoarea tocmai ieșea pe desktop, iar internetul era accesat de modemuri conectate la linia telefonică. Această nouă infrastructură a creat necesitatea unui format de imagine care să păstreze imaginile suficient de mici pentru a fi livrate, printr-o linie telefonică, către un browser web în scurt timp.

Imaginile GIF sunt ideale pentru grafice cu muchii ascuțite, cu o paletă de culori limitată, cum ar fi un logo sau un desen. Deși formatul GIF poate fi folosit pentru fotografii, paleta de culori redusă introduce artefacte în imagine. Totuși, cel Mișcarea Glitch Art și ascensiunea cinemagraf au stârnit un interes reînnoit pentru formatul GIF.

FAQ
  • Cum dimensionez un GIF emoji pentru Discord?

    Când încărcați un GIF în Discord, acesta va ajusta automat imaginea la 128x128 pixeli, dacă este necesar. În timp ce Discord permite partajarea de imagini și alte fișiere de până la 8 MB (sau mai mult cu un abonament Nitro), limita de dimensiune pentru emoji-uri este de 256 kb.

  • Cum comprim un GIF fără a pierde calitatea?

    Cel mai simplu mod de a comprima un GIF fără a afecta calitatea este să utilizați funcția de compresie proprie a File Explorer . Unele software de compresie de la terțe părți, cum ar fi WinZip , pot fi, de asemenea, utilizate pentru a comprima GIF-uri fără a le reduce calitatea vizuală generală.

    cum să ss pe snap fără ca aceștia să știe iphone 11
  • Cum combin mai multe GIF-uri într-un singur GIF?

    Folosind un software de editare a imaginilor precum Photoshop, selectați Fişier > Import > Cadre video în straturi și alegeți toate GIF-urile pe care doriți să le combinați. Selectați toate cadrele de animație din primul GIF, apoi copiați-le selectând Fereastră > Animaţie . Apoi, treceți la următorul GIF, alegeți unde doriți să inserați GIF-ul anterior, apoi inserați cadrele copiate. Repetați cu alte GIF-uri pe care doriți să le adăugați, apoi exportați amalgamarea finală când ați terminat.

Articole Interesante

Alegerea Editorului

Scrieți-vă propriul joc Raspberry Pi
Scrieți-vă propriul joc Raspberry Pi
Raspberry Pi este o senzație de calcul, dar a fost inițial conceput cu o intenție cheie: să inspire o nouă generație să privească dincolo de console de jocuri, smartphone-uri și tablete și să adopte calea codului. Dacă sunteți în căutarea
Cum să utilizați Bing AI pe Mac
Cum să utilizați Bing AI pe Mac
Pentru a utiliza Bing Chat pe un Mac, deschideți un browser web și vizitați site-ul web Bing. Conectați-vă la contul Microsoft și apoi selectați pictograma Bing Chat. De acolo, urmați instrucțiunile și sfaturile de pe această pagină pentru utilizarea asistentului Microsoft Bing AI pe Mac.
Cum să obțineți componente în Rimworld
Cum să obțineți componente în Rimworld
Componentele sunt elementele de bază ale practic orice folosiți în Rimworld. Dacă joci un joc fără Componente, nu vei ajunge prea departe. Aveți nevoie de aceste articole pentru a construi nave, arme de foc, dispozitive electrice și altele. Dar cum anume
Cum să adăugați un ton de apel pe iPhone 6S
Cum să adăugați un ton de apel pe iPhone 6S
Când vine vorba de personalizarea iPhone-ului, unul dintre cele mai bune lucruri pe care le puteți face este să personalizați tonul de apel. În timp ce personalizarea pe iPhone lipsește în multe domenii diferite, cel puțin suntem capabili să ne schimbăm
Activați Citirea cu voce tare pentru fișiere PDF în Microsoft Edge Chromium
Activați Citirea cu voce tare pentru fișiere PDF în Microsoft Edge Chromium
Cum se activează citirea cu voce tare pentru fișiere PDF în Microsoft Edge Chromium Microsoft Edge Chromium a primit o îmbunătățire a funcției de citire cu voce încorporată. Acum poate fi activat pentru fișierele PDF pe care le-ați citit în browser.Publicitate Această caracteristică nu este nouă pentru aplicația Edge. Omologul său EdgeHTML moștenit îl avea deja disponibil
Google Earth vs Google Earth Pro
Google Earth vs Google Earth Pro
Cel mai probabil ați auzit despre Google Earth. Dar ați auzit vreodată de fratele său mai mic, Google Earth Pro? Acest articol va analiza în profunzime ambele versiuni ale acestui software popular și va explica tot ce aveți nevoie
Ce este nou în Firefox 54
Ce este nou în Firefox 54
O nouă versiune a popularului browser Mozilla Firefox este disponibilă. Versiunea 54 are capturi de ecran, marcaje mobile, o interfață de utilizator rafinată pentru descărcări și procese de conținut multiproces. Reclamă Începând cu versiunea 54, funcția de conținut multiproces (e10s) este activată în mod implicit. Acest lucru îmbunătățește fiabilitatea Firefox, deoarece dacă o filă se blochează, cealaltă o va face