de Berto López, ultimul. act. 11 decembrie 2020

importante

Dacă aveți un blog, un canal YouTube sau creați conținut în orice alt mod pe web, va trebui să lucrați cu imagini digitale. În această postare ne vom concentra pe primul lucru pe care trebuie să îl stăpânești: cele mai importante formate de imagine și când ar trebui să folosiți fiecare dintre ele.

Pentru a începe să lucrați cu imagini, primul lucru este să cunoașteți cele mai importante formate de imagine. Ele diferă în caracteristici diferite, aici ne vom concentra pe două: comprimare si tratamentul culorii.

Ce veți găsi aici?

În prezent, practic toate formatele folosesc comprimare, trebuie să distingem între compresie fără pierderi care păstrează toate informațiile originale și compresie cu pierderi care „înșeală” utilizatorul profitând de punctele slabe ale percepției vizuale umane și simplificând detaliile imaginii pe care nu le va percepe.

În acest din urmă caz, odată ce procesul a fost aplicat, informațiile au fost pierdute și nu poate fi recuperat, la fel de mult ca în cinematograf și televiziune cu care vor să ne gândim altfel prostii reale ca cea din secvența următoare:

Există multe formate de comprimare a imaginilor digitale, pentru a fi practice ne vom concentra pe cele mai utilizate trei: JPG (sau Jpeg), GIF Da PNG. De exemplu: este foarte frecvent ca aparatele foto digitale să salveze imagini în JPG, cel mai utilizat pentru fotografii.

Pentru a vă schimba mărimea, rezoluţie sau Format trebuie să utilizați un editor de imagini, cum ar fi Photoshop, GIMP sau Paint.NET.

Adâncimea culorii

Fiecare pixel (punct) al imaginii este codat în culori, pentru aceasta se folosește un anumit număr de biți, cu cât este mai mare adâncimea culorii, cu atât mai mulți biți și, prin urmare, o dimensiune mai mare a fișierului pentru o imagine cu o anumită rezoluție. Astfel, o codificare color pe 8 biți va necesita dublu spațiu de stocare decât o codificare pe 16 biți.

Vă dedicați designului web, dar nu îl puteți face profitabil?

Atunci descoperă curs gratuit că viața ta s-ar fi schimbat când ai început ca. designer web independent.

Faceți clic pe butonul de mai jos pentru a descoperi:

  • La ce eșuezi. De ce trăiesc alții din asta și te costă atât de mult?
  • secrete pentru a trece înaintea concurenței tale La dreapta.
  • Cum înmulțiți-vă venitul cu trei fără a crea mai multe site-uri web sau a crește prețurile.
  • 16 cuvinte și mesaje de vânzare pe care orice designer ar trebui ștergeți de pe site-ul dvs. web.
  • Cum faceți pagini web de 400 EUR în mai puțin de 4 ore.

Și acestea sunt doar 5 exemple dintr-un total de 18 videoclipuri cu mai mult de 5 ore de înregistrare total gratuit (da, chiar gratuit).

Tabelul de mai jos arată cele mai comune opțiuni de adâncime a culorii, rețineți că numărul de culori disponibile crește exponențial cu numărul de biți:

Numărul de bițiNumăr maxim de culori
8256
1665.536
24 (culoarea adevărată, acoperă, chiar depășește numărul de culori percepute de un om)16.777.216
32 (culoare adevărată plus suport pentru nivelurile de transparență)16.777.216 + 256 niveluri de transparență

Formatele de imagine și principalele lor diferențe

Pentru a alege formatul potrivit pentru o imagine, trebuie să o evaluați conținut (fotografie, grafică etc.), calitate (în funcție de destinație: tipărire pe hârtie, publicare pe web ...) și Mărime fișier. Să vedem acum cum diferă formatele de imagine în acest sens.

Formatul GIF

O imagine GIF poate conține între 2 și 256 de culori între 16,8 milioane din paleta sa. Prin urmare, Datorită numărului limitat de culori, imaginile produse în acest format sunt de obicei foarte mici.

Cu toate acestea, din moment ce algoritmul său de compresie (fără pierderi) LZW era proprietar, toți editorii de software care folosesc imagini GIF au fost obligați să plătească redevențe către Unisys, compania care deține drepturile. Acesta este unul dintre motivele pentru care formatul PNG devine din ce în ce mai popular, în detrimentul formatului GIF.

Când este convenabil să utilizați formatul GIF?

  • Când imaginea este mic
  • Când un animaţie pentru a fi folosit pe internet.
  • Când imaginea are 256 de culori sau va arăta bine cu acel număr de culori.
  • Dacă imaginea conține contraste ridicate sau blocuri mari de culoare.

Dacă aveți nevoie de un găzduire pentru site-ul dvs. sau blogul dvs., acționați!

  • Hostinger: cu o reducere de 90% aici
  • SiteGround: cu o reducere de 60% aici
  • Webempresa: cu o reducere de 25% aici
  • Raiola Networks: cu o reducere de 20% aici

Avertizare: aceste oferte sunt valabile acum, poate expira în câteva zile.

Format JPG

JPEG (Joint Photographic Experts Group) sau JPG acceptă 16,7 milioane de culori (24 biți) și Este cel mai folosit (și potrivit) pentru fotografii. Spre deosebire de GIF, folosiți compresie cu pierderi. Reglează gradul de calitate variind nivelul pierderilor de la 0% (fără pierderi) la extreme care în mod normal înseamnă deja să facă imaginea inutilizabilă.

Acest lucru poate fi văzut perfect în imaginea anterioară a pisoiului, care a fost comprimată excesiv pentru a ilustra acest efect.

JPG poate fi adecvat atunci când:

  • Sunt necesare imagini pe 24 de biți (16,7 milioane de culori).
  • Când imaginea este o fotografia sau conține tonuri continue. Nsau își îndeplinește funcția foarte bine cu diagrame, capturi de ecran, benzi desenate, desene animate sau alte imagini cu contrast ridicat.
  • Ele vor fi folosite pentru dumneavoastră distribuție pe internet, vrei deci o greutate minimă din aceeași.
  • Fotografii cu un dimensiune redusă a fișierului.

Format PNG

Acest format a fost dezvoltat pentru depășește limitările GIF Da folosește o compresie fără pierderi, nu face obiectul brevetelor privind utilizarea GIF.

Formatul permite imagini color adevărate, scara tonurilor de gri Da Paletă de 8 biți. La fel ca GIF, este potrivit pentru imagini cu variații mici de culoare. În aceste cazuri, spre deosebire de JPG, va reproduce imaginea într-un mod perfect, în stânga puteți vedea o comparație între comportamentul JPG comprimat cu pierderi și PNG fără pierderi.

Prin urmare, formatul PNG va fi potrivit atunci când doriți:

  • Lucreaza cu niveluri de transparență (canal alfa).
  • Compresie fără pierderi pentru imagini color cu rezoluție înaltă și contrast ridicat.
  • Imagini de înaltă calitatecu compresie fără pierderi.

Formatul BMP

BitMaP este formatul nativ al sistemului de operare Windows Microsoft si cel mai simplu dintre toate: definește valorile fiecărui pixel, unul câte unul, de jos în sus și măturând liniile de la stânga la dreapta. Datele pot fi comprimate, dar această opțiune este rar utilizată.

Marea lui problemă este că generează fișiere uriașe prin urmare nu trebuie folosit niciodată, este complet defazat și este menționat doar pentru a insista cu precizie ca utilizatorul să evite utilizarea acestuia.

Format RAW

Acest format este menționat și pentru completitudine mai mult decât pentru utilizarea sa practică de către cititorul articolului. Formatul RAW (în limba engleză netulburată sau în formă naturală, în cazul imaginilor înțelese ca format de imagine fără compresie sau raw) este un format de fișier de imagine digitală care conține toate datele de imagine captate de senzorul digital al camerei digitale.

De obicei au o adâncime mai mare culoare (36 sau 48 biți) și este considerat a format orientat spre profesionist, pentru procesarea ulterioară a imaginii.

Despre autor: Berto López

A.m autor și cofondator al acestui blog, și inginer informatic prin instruire.

Am fost atât de mult angajat ca antreprenor, acesta din urmă de aproape un deceniu în care lucrez la implementarea proiectelor tehnologice în sectoare cu deficiențe mari în cunoașterea noilor tehnologii, precum retail și IMM-uri.

Ce am trăit în această experiență a fost inspirație pentru a crea blogul: divulge oportunitățile enorme ascunse de web 2.0 și marketingul online și că majoritatea oamenilor, în special profesioniștii mici și antreprenorii, nu profită.

În acest blog vreau crește conștientizarea, motivează-i și ajută-i dezvoltă-ți adevăratul potențial și descoperă că, în plus, te poți distra minunat făcând asta:)

Ți-a plăcut această lectură?

Ei bine, alătură-te Citizen 2.0 "Zona VIP". Este gratis:)
Suntem deja +30.000. Faceți clic pe buton și descoperiți tot ce vă oferă.

Înregistrează-te pentru
Zona „VIP” Citizen 2.0

Veți accesa tutoriale video pentru crearea de site-uri web, magazine online etc., la Cărți electronice despre SEO și Copywriting și multe altele resurse și descărcări exclusive.

Si tot 100% gratuit:)

responsabil al acestui site este Wenova Online S.L., a cărei scop este trimiterea de informații și instruire cu privire la blogging și marketing online, împreună cu legitimare a consimțământului dvs. dat în formular.

destinatar din datele dvs. (instrumentul pe care îl folosim) este Mailrelay. Se află în Spania și vă puteți exercita drepturile de acces, rectificare, limitare sau ștergere a datelor dumneavoastră (vezi politica de confidențialitate).

Doriți să citiți mai multe despre acest subiect sau despre alte subiecte?

Comentarii

Spune Vidal

Expunerea pedagogică. Mulțumesc.

Spune Angel Feliciano

Îndrumare profesională excelentă ... Vă mulțumim pentru aceste îndrumări clare și precise

Spune Marcos

Am ajuns aici pentru că am pus o imagine de copertă care durează aproximativ 5 secunde pentru a încărca haha. Chiar și după comprimarea imaginilor Webempresa și folosirea Wp Super Cache, am un timp de încărcare de 2,5 sec. Îmi lipsesc subdomeniile pentru fișierele statice pe care urmează să le creez. Dar tema imaginii bine clarificate este grozavă, pentru că toți folosim imagini și nu ne uităm niciodată la diferențele lor. O îmbrățișare 🙂

Spune Berto López

Super, mă bucur atât de mult că postarea te-a ajutat 🙂

Toate cele bune!
Berto

Spune Naomi

Buna ziua
Ce dimensiuni de lățime și înălțime trebuie să puneți, astfel încât imaginea unui post să se potrivească perfect în cadrul articolului respectiv?
Mulțumiri
Salutari
Naomi

Spune Berto López

Nu există o valoare fixă, care depinde de designul blogului dvs. („tema” sa în cazul WordPress).

În mod normal, este o valoare cuprinsă între 600-700px, sfatul meu să fie practic: experimentați diferite imagini de test în acest interval și vedeți cum sunt acestea.

Toate cele bune!
Berto

Spune Naomi

Berto Berto, așa că o voi face pentru a vedea cum mi se potrivește.
Mulțumiri
Salutari

Spune Lily

Cum fac o fotografie cu un fundal transparent pentru a face ceea ce ați arătat în tutorialul de copertă Facebook? Ai putea sa ma ajuti?

Spune Berto López

Oricum, având în vedere interesul pentru subiect, vom face propriul nostru tutorial în următoarele săptămâni.