Cum să remediați pierderea culorii și a saturației imaginilor în WordPress

Petreci ore editând o fotografie doar pentru ca aceasta să arate tern și decolorată odată încărcată pe WordPress. Ne-am confruntat de multe ori cu această frustrare exactă cu propriile noastre imagini de prezentare.

Această problemă apare de obicei din cauza unei simple nepotriviri între profilurile de culoare. Din fericire, o poți remedia în doar câteva secunde convertind fișierul înainte de a-l încărca.

În acest ghid, îți vom arăta cum să remediezi pierderea culorii și a saturației imaginilor în WordPress.

Iată o prezentare generală rapidă a subiectelor pe care le vom aborda în această postare:

• De ce pierd unele imagini culoarea și saturația în WordPress?
• Cum să remediați pierderea culorii și a saturației imaginilor în WordPress folosind Photoshop
• Cum să remediați pierderea culorii și a saturației în WordPress cu GIMP
• Întrebări frecvente despre culorile imaginilor în WordPress
• Resurse suplimentare pentru optimizarea imaginilor

De ce pierd unele imagini culoarea și saturația în WordPress?

Unul dintre motivele principale pentru pierderea culorii și a saturației în imagini este spațiul de culoare.

Un „spațiu de culoare” este un interval specific de culori pe care o cameră sau un ecran îl poate afișa. Te poți gândi la el ca la o cutie specifică de creioane colorate. Unele cutii au mai multe nuanțe decât altele.

Diferite forme de spațiu de culori RGB (Roșu, Verde, Albastru) sunt utilizate pe internet. Cele mai comune două forme sunt Adobe RGB și sRGB.

Mulți fotografi profesioniști capturează fotografii folosind spațiul de culoare RGB al Adobe, care are mai multe culori și oferă rezultate mult mai bune.

Cu toate acestea, majoritatea sistemelor de management al conținutului (CMS), cum ar fi WordPress, se bazează pe spațiul de culoare sRGB. Când încarci o imagine, WordPress o comprimă și adesea elimină metadatele încorporate „profil ICC” (eticheta care spune ecranelor ce culori să folosească).

Fără această etichetă, browserele tratează imaginea ca sRGB, făcând culorile să pară decolorate.

Imaginile capturate cu spațiul de culoare Adobe RGB sunt mai vibrante și afișează culorile cu precizie în tonuri înalte. Când sunt convertite de WordPress, acele culori vibrante sunt înlocuite cu tonuri ușor estompate.

De exemplu, iată o comparație a unei imagini cu diferite calități de imagine. Imaginea din stânga este realizată folosind spațiul de culoare Adobe RGB. Cu toate acestea, atunci când este încărcată în WordPress, imaginea își pierde vivacitatea și arată tern.

WordPress comprimă, de asemenea, imaginile redimensionate, ceea ce poate contribui la o ușoară pierdere de calitate. Pentru mai multe detalii, citiți ghidul nostru despre cum să creșteți sau să reduceți compresia imaginilor JPEG în WordPress.

Având în vedere acest lucru, să vedem cum să prevenim cu ușurință pierderea culorii și a saturației imaginilor în WordPress.

Cum să remediați pierderea culorii și a saturației imaginilor în WordPress folosind Photoshop

Cel mai simplu mod de a rezolva această problemă este prin convertirea imaginilor în spațiul de culoare sRGB înainte de a le încărca pe WordPress. Acest lucru se poate face cu ușurință folosind un instrument de editare a imaginilor precum Adobe Photoshop.

Aceasta este metoda exactă pe care o folosește propria noastră echipă de design aici la WPBeginner. Asigură că toate capturile de ecran și grafica de prezentare pe care le vedeți în tutorialele noastre sunt clare și precise din punct de vedere al culorilor de fiecare dată.

Metoda 1: Conversia imaginilor în sRGB

Mai întâi, va trebui să deschideți imaginea în Adobe Photoshop.

De aici, pur și simplu accesați Fișier » Export » Salvare pentru web (Legacy) din meniul de sus.

Aceasta va deschide caseta de dialog Salvare pentru web. Aici, este esențial să bifezi căsuța etichetată „Convertire la sRGB”.

Acest lucru asigură că imaginea va arăta la fel pe WordPress ca și în Photoshop.

Metoda 2: Editați setările de culoare în Photoshop

Pe de altă parte, puteți utiliza această metodă dacă nu sunteți mulțumit de rezultatul primei metode.

În Adobe Photoshop, accesați Editare » Setări culoare. Aceasta va deschide caseta de dialog pentru setările culorilor.

Trebuie să selectați „North America Web/Internet” din meniul derulant al setărilor.

Apoi, în secțiunea Politici de gestionare a culorilor, selectați setările RGB la Convertire în RGB de lucru. Apoi, faceți clic pe butonul „OK” pentru a salva setările.

Acum, trebuie să deschideți fotografia sau imaginea originală pe care ați dorit să o încărcați.

Dacă profilul spațiului de lucru nu se potrivește, atunci Photoshop va afișa un avertisment și vă va întreba ce să faceți.

Ar trebui să selectați „Convertire culori document în spațiul de lucru” și apoi să faceți clic pe „OK”. Profilul de culoare al fotografiei dvs. este acum convertit mai precis. Puteți salva imaginea pentru a păstra modificările.

Repetați procesul pentru toate imaginile pe care doriți să le încărcați. Acum, puteți încărca în siguranță aceste imagini convertite fără nicio pierdere de culoare sau saturație în WordPress.

Cum să remediați pierderea culorii și a saturației în WordPress cu GIMP

GIMP este o alternativă gratuită puternică la Adobe Photoshop. O puteți utiliza pentru a converti spațiul de culoare pentru încărcările dvs. WordPress.

GIMP detectează practic fiecare imagine pe care încercați să o deschideți pentru a vedea dacă are un profil de culoare încorporat. Dacă imaginea dvs. este în spațiul de culori Adobe RGB, atunci GIMP vă va afișa automat o casetă de dialog pentru a o converti.

Uneori, o imagine poate să nu aibă un profil de culoare încorporat sau GIMP ar putea să nu-l citească corect. În acest caz, va trebui să schimbați manual spațiul de culoare.

În primul rând, trebuie să știi ce spațiu de culoare ar putea folosi fotografia ta. De obicei, este Adobe RGB, dar ar putea fi diferit. Dacă nu ești sigur, poți verifica dispozitivul camerei tale pentru a afla acest lucru.

Pur și simplu deschide imaginea în GIMP. Apoi, mergi la Imagine » Managementul culorilor » Convertire la profil de culoare.

Odată ce ați aplicat profilul de culoare, GIMP îl poate converti acum în siguranță în sRGB fără a pierde culorile.

Pur și simplu accesați Imagine » Managementul culorilor și apoi selectați opțiunea „Convertiți la profilul de culoare”.

Acum se va deschide o nouă casetă de dialog.

Se va deschide o nouă casetă de dialog. Setează opțiunea „Convertire la” la „sRGB încorporat” (sau uneori etichetată doar „RGB încorporat”) și apasă butonul „Convertire”.

GIMP va converti acum profilul de culoare în sRGB și puteți salva imaginea. Pur și simplu repetați procesul pentru alte imagini pe care doriți să le încărcați pe WordPress.

Întrebări frecvente despre culorile imaginilor în WordPress

De-a lungul anilor, ajutând mii de utilizatori, am observat că câteva întrebări despre imaginile WordPress apar din nou și din nou. Iată răspunsuri la cele mai comune pe care le primim.

WordPress reduce întotdeauna calitatea imaginilor?

În mod implicit, WordPress comprimă imaginile pentru a ajuta la încărcarea mai rapidă a site-ului dvs. Acest lucru poate cauza uneori o ușoară pixelare, dar pierderea culorii este de obicei cauzată de lipsa profilului sRGB pe care l-am discutat anterior.

Pot remedia culoarea imaginilor deja încărcate în Biblioteca media?

În prezent, WordPress nu poate remedia automat profilul de culoare al imaginilor care sunt deja încărcate. Va trebui să convertiți imaginea originală la sRGB pe computerul dvs. și apoi să o reîncărcați în biblioteca media.

Este sRGB cel mai bun spațiu de culoare pentru toate imaginile web?

Da, sRGB este spațiul de culoare standard pentru web. Aproape toate browserele web și dispozitivele sunt concepute pentru a-l afișa corect. Convertirea imaginilor dvs. în sRGB asigură că culorile arată consecvent pentru toți vizitatorii dvs.

Resurse suplimentare pentru optimizarea imaginilor

Iată câteva ghiduri pe care le puteți parcurge pentru a vă asigura că imaginile dvs. sunt optimizate corespunzător:

• Cum să adăugați corect imagini în WordPress (pas cu pas)
• WebP vs. PNG vs. JPEG: Cel mai bun format de imagine pentru WordPress
• Ghidul începătorului pentru SEO-ul imaginilor – optimizați imaginile pentru motoarele de căutare
• Cum să editați în masă imaginile de prezentare în WordPress
• Cum să alegi cel mai bun software de design web (comparație)
• Ghidul începătorului pentru dimensiunile imaginilor WordPress (+ cele mai bune practici)
• Cele mai bune pluginuri de compresie a imaginilor pentru WordPress comparate

Sperăm că acest articol v-a ajutat să remediați pierderea culorilor și a saturației imaginilor în WordPress. De asemenea, ați putea dori să consultați ghidul nostru despre modalități de a preveni furtul de imagini în WordPress și cum să curățați biblioteca media WordPress.

Dacă ți-a plăcut acest articol, te rugăm să te abonezi la canalul nostru de YouTube pentru tutoriale video WordPress. Ne poți găsi, de asemenea, pe Twitter și Facebook.