Ghid pentru dimensiunea fotografiilor pe Facebook | Noul aspect Facebook

La mijlocul anului 2020, Facebook începe să lanseze un nou aspect desktop pentru site-ul său. Este mai curat, cu mai mult spațiu alb și îl aduce mai aproape de versiunea mobilă. Dar este, de asemenea, destul de diferit. Deci, aceasta este o versiune revizuită a ghidului meu neoficial de dimensiune a imaginii Facebook pentru a contura ultimul aspect, pe care îl numesc New Facebook (vechea versiune se numește Facebook clasic) .1

Inițial, acest nou aspectul este o actualizare opt-in și puteți reveni la aspectul clasic Facebook de pe Facebook nou. Dar în cele din urmă va fi lansat pentru toată lumea. Dacă se întâmplă să folosiți în continuare vechiul aspect (sau Facebook clasic, așa cum îl numesc), puteți găsi versiunea anterioară a ghidului de dimensiuni Facebook aici.

În timpul lansării, unii utilizatori vă vor vedea pagina cu noul aspect și unele cu aspectul vechi. Dar dacă încărcați conținut nou, probabil că are mai mult sens să îl optimizați pentru noul aspect.

Imaginile sunt o parte importantă a utilizării Facebook, dar dacă ați venit pe această pagină, fără îndoială, ați aflat singuri că stabilirea dimensiunilor imaginilor pe Facebook nu este atât de ușoară pe cât ar putea fi. Aceasta implică o certă luptă pentru a obține rezultatele dorite. Fiecare tip de imagine pe pagina, profilul și cronologia au propriile dimensiuni și ciudățenii. Și Facebook nu a fost niciodată foarte bun în ceea ce privește ca paginile sale de ajutor să fie ușor de găsit.

Menținerea lucrurilor și mai frustrantă este interesantă la Facebook schimbă lucrurile din când în când, de obicei fără niciun avertisment. Uneori este un mic ajustaj incremental. Uneori este o revizuire completă (cum ar fi când au fost introduse cronologiile și din nou când au fost schimbate de la două coloane la o coloană). Deci, este întotdeauna o țintă puțin mișcătoare. Și pare să existe întotdeauna un sistem nou chiar la colț.

Deci, indiferent dacă folosiți pagini de Facebook pentru marketingul social media sau pur și simplu încercați să postați fotografii pentru prieteni și familie, iată versiunea mea din 2020 a ghid neoficial pentru dimensiunile fotografiilor de pe Facebook din diferitele părți ale site-ului.

Acesta este un efort preliminar de deconstruire a dimensiunilor afișajului pe măsură ce actualizarea este lansată. Voi urmări să îl actualizez pe măsură ce unele specificații devin mai clare. Dacă întâlniți un comportament diferit de afișare, anunțați-mă, astfel încât să pot investiga și actualiza după cum este necesar.

Dimensiunea fotografiei de copertă Facebook

Recomandare: utilizați o imagine cu o lățime de cel puțin 940 pixeli cu o înălțime de 352 pixeli. Dar dacă doriți o calitate mai bună, utilizați o imagine de cel puțin 1800 pixeli cu 704 pixeli.

Facebook Cover Photo este spațiul mare pentru imagini panoramice din partea de sus a cronologiei. Uneori se mai numește imaginea bannerului sau fotografia antetului.

Afișajul său este receptiv. Altfel spus, dimensiunea afișată variază în funcție de dimensiunea ferestrei browserului sau a ecranului dispozitivului. Puteți vedea acest efect dacă modificați dimensiunea dacă fereastra browserului dvs. în timp ce vizualizați pagina.

Cu aspectul anterior, încercarea de a afla ce ar fi afișat corect în fotografia de copertă a Facebook a fost cam complicată, deoarece nu fiecare parte a imaginii s-ar afișa la toate dimensiunile. Pe ecranul de pe desktop erau tăiate zone și benzi sigure.

Noua versiune simplifică lucrurile. Întreaga imagine este afișată și se redimensionează într-un mod mult mai simplu.

Acestea fiind spuse, există câteva lucruri de care trebuie să fii atent.

În primul rând, au revenit la a avea o îngustă bandă de umbrire gradată în partea de jos. Este o suprapunere, ceea ce înseamnă că se află într-un strat deasupra imaginii. Deci, nu veți dori să includeți niciun text sau detaliu important în acea bandă de jos.

În al doilea rând, este să luați culoarea pixelilor cei mai externi din imagine și să îi utilizați pentru a crea o secțiune de culoare umbrită pe gol secțiunea din spatele imaginii. Iată un exemplu despre ceea ce vreau să spun, luând roșul de la marginea exterioară a imaginii și aplicându-l la secțiunea albă din spate. (Am decupat imaginea de profil aici pentru a simplifica lucrurile.) Mărcile cu o paletă de culori specifică vor dori să ia notă specială pentru a include culorile dorite chiar la marginea imaginii.

În al treilea rând, colțurile inferioare devin ușor rotunjite (sau raza marginii, pentru a fi tehnice). Cu toate acestea, nu este foarte agresiv, deci este puțin probabil să provoace probleme pentru mulți utilizatori.Dar dacă utilizați o linie de linie în jurul imaginii sau a altor încadrări detaliate, aceasta poate cauza probleme. Se aplică automat și nu există nicio modalitate de a o dezactiva.

În al patrulea rând, imaginea de profil revine acum la suprapunerea fotografiei de copertă. Deși este doar subtil în această versiune, și doar o bucată ascunde fotografia de copertă.

Schimbarea fotografiei de copertă Facebook

Dacă tocmai ați configurat un profil sau o pagină nouă de Facebook și nu aveți încă o fotografie de copertă, trebuie doar să faceți clic pe butonul „Adăugați o copertă” din partea de sus a paginii unde va merge fotografia de copertă.

Odată ce ați adăugat fotografia dvs., puteți înlocui Când sunteți conectat la contul dvs. și vizualizați pagina, faceți clic pe butonul Edit din dreapta jos.

Dând clic pe acesta, se deschide o picătură -meniul de jos din care puteți alege sursa pentru noua fotografie. Acesta este, de asemenea, același meniu de utilizat dacă doriți să eliminați sau să repoziționați o fotografie existentă sau să utilizați o copertă video sau o copertă de diapozitive.

Copertă Tipuri de fotografii: imagini unice

În ceea ce privește tipurile de imagini, panoramele sunt ideale. De asemenea, culturile simple funcționează, deși eficacitatea va varia în mod evident în funcție de imaginea sa. Și nimic nu vă împiedică să asamblați. mult Introduceți fotografii într-un colaj din software-ul dvs. de imagistică, salvându-l ca un singur fișier imagine și încărcându-l. La fel ca acestea, de exemplu:

Prezentări diapozitive: imagini multiple

Până nu demult, era posibil să alegi o singură fotografie care să acționeze ca fotografie statică de copertă. Dar a fost adăugată o nouă funcție: prezentările de diapozitive. Acum puteți selecta până la 5 fotografii care se rotesc. Accesați această caracteristică prin același meniu care vă permite să adăugați sau să modificați fotografia de copertă (adică pictograma camerei din partea stângă sus a secțiunii de imagine a copertei).

Când creați o prezentare, vi se oferă opțiune pentru a selecta până la 5 imagini care vor fi utilizate. Folosiți banda de film din partea de sus pentru a alege imaginile fie dintre imaginile existente, fie pentru a încărca altele noi. Apoi puteți face clic pe miniatură și puteți obține o previzualizare a modului în care va arăta în spațiul mai mare de sub miniaturi. Puteți face clic și trageți în acea secțiune pentru a repoziționa imaginea în fereastra de vizualizare.

Puteți avea, de asemenea, o versiune generată dinamic care să permită Facebook să aleagă fotografiile pe baza performanțelor bune și pe baza activității de pe pagina dvs. . Puteți activa sau dezactiva această caracteristică folosind comutatorul din partea dreaptă sus a ecranului de editare a prezentării de diapozitive.

Dacă utilizați capacul pentru prezentarea de diapozitive, vizitatorii dvs. pot naviga prin prezentarea de diapozitive folosind săgețile de pe fiecare parte (aspectul anterior avea indicatori de poziție în partea de jos, dar au dispărut în noua versiune).

Există câteva lucruri care mi se par ciudate cu privire la modul în care prezentările de diapozitive sunt afișate în prezent vizitatorilor. Primul este că prezentarea nu avansează automat. Deci, pentru a vedea mai multe imagini în prezentarea de diapozitive, vizitatorii dvs. vor trebui să știe să avanseze manual folosind butoanele săgeată din partea laterală a imaginii. Bănuiesc că doar un procent foarte mic va face acest lucru. Al doilea lucru este că, dacă dezactivați opțiunea pentru Facebook, alegând imaginile, acesta afișează imaginile în aceeași ordine de fiecare dată, mai degrabă decât aleatoriu. Rezultatul acestor două lucruri este că, cel puțin în modul în care este implementată în prezent, marea majoritate a vizitatorilor paginii dvs. este posibil să vadă doar prima imagine. A treia ciudățenie – cel puțin pentru mine – este să acomodezi noua evidențiere a culorii umbrite în secțiunea de fundal. Deoarece este extras din imaginea de profil afișată, se schimbă odată cu imaginea de profil. Nu este neapărat un lucru rău, dar merită știut.

Videoclipuri de copertă

Acum puteți utiliza și fișiere video pentru zona dvs. de banner. Acestea trebuie să aibă între 20 și 90 de secunde și să măsoare cel puțin 820 cu 312 pixeli. Dimensiunea recomandată este de 820 pe 462.

Dacă înregistrați un videoclip pentru aceasta utilizând o cameră care vă permite să alegeți rezoluția video, modul 720p ar fi un loc bun pentru a începe, deoarece aceasta măsoară 1280 până la 720, care are o rezoluție suficientă confortabilă.

Am un ghid mai detaliat despre coperțile video de pe Facebook separat.

Poza de profil Facebook

Am o postare mai detaliată pe dimensiunea imaginii de profil Facebook separat, dar iată esența.

Tip de afișare	Dimensions
Browser web desktop / laptop	132 pixeli
Smartphone	128 pixeli
Telefoane funcționale	36 pixeli

Imaginea de profil Facebook acum în partea de jos stânga fotografiei de copertă, suprapunându-se ușor cu partea de jos a fotografiei de copertă. Acesta a fost micșorat ușor față de versiunile anterioare, până la un cerc de 132 pixeli diametru.

Are o linie albă subțire în jurul său, care se aplică automat – nu o puteți elimina sau controla.

Vestea bună este că nu trebuie să încărcați o circulară imagine, ceva care ar fi cam dureros de creat. În schimb, puteți încărca orice imagine dreptunghiulară sau pătrată obișnuită. Indiferent de forma pe care o încărcați imaginea, aceasta va fi decupată într-un cerc atunci când este afișată.

Dimensiunile afișării imaginii de profil Facebook

Browser web desktop / laptop. Într-o vizualizare de pagină obișnuită, cum ar fi atunci când cineva vă verifică profilul, acesta se afișează în browserul web al unui desktop ca un cerc cu un diametru de 132 pixeli.

Telefoane. Dimensiunea afișată de imaginea de profil pe telefoanele mobile variază în funcție de tipul de telefon. Pe smartphone-urile moderne, se afișează sub formă de cerc cu un diametru de 128 pixeli. Pe telefoanele mai vechi, acesta se afișează la un diametru de 36 pixeli.

Când selectați o fotografie pentru a adăuga o imagine de profil, veți avea opțiunea de a muta zona focală în jur (presupunând că nu este pătrată), precum și măriți și micșorați (atâta timp cât depășește rezoluția minimă).

Imaginea de profil care apare lângă numele dvs. pe comentarii și postări în cronologie este aceeași imagine și este încă un cerc, dar este redus automat la un diametru de 40 de pixeli.

Cerința dimensiunii pentru imaginea de profil Facebook

Deoarece este afișat atât de mic, este puțin probabil să întâlniți o problemă cu dimensiunile imaginii. Atâta timp cât imaginea dvs. are cel puțin 132 de pixeli la cea mai mică dimensiune (care este destul de mică), ar trebui să mergeți bine.

Miniaturi de linkuri partajate

Miniaturile pentru linkurile partajate afișați într-un browser web la o lățime de 500 de pixeli și o înălțime de 261 de pixeli.

Pentru o vreme, a fost posibil să alegeți o altă imagine de link partajat, dar această caracteristică a fost eliminată. Deocamdată, cel puțin, există o soluție dacă partajați linkurile folosind un serviciu de gestionare a rețelelor sociale, cum ar fi Buffer, dar nu mai puteți alege o imagine diferită de utilizat din Facebook.

Dacă partajați linkuri de pe propriul dvs. site, este posibil să specificați ce imagine doriți să utilizați ca miniatură a imaginii, dar asta este ceva ce va trebui să configurați pe site-ul dvs. și nu depășește scopul acestei postări. Dar dacă căutați ce termeni pentru Google în acest sens, ceea ce încercați să faceți este să setați proprietatea „og: imagine” din metadatele Open Graph ale paginii. Iată documentația Facebook și dacă utilizați un CMS ca WordPress pentru site-ul dvs. există pluginuri care îl pot rezolva pentru dvs.

Ce puteți face încă este să adăugați mai multe miniaturi care sunt în plus față de original (care nu sunt la locul lor). Când accesați un link , utilizați secțiunea de jos a ferestrei pop-up pentru a adăuga mai multe imagini. Dar nu mai puteți deselecta imaginea originală, așa cum puteați.

Fotografii pe cronologie

dimensiunea și aspectele miniaturilor de pe cronologie variază în funcție de numărul de imagini pe care le partajați în aceeași postare, precum și de orientarea pe care o au imaginile specifice.

Iată cum se afișează diferite combinații. Toate imaginile obțin un alb de 1 pixeli lovitură în jurul chenarului.

O singură fotografie pe cronologie

Când încărcați o imagine în cronologie, o miniatură este generată automat pentru a se încadra în o cutie care are o lățime de 500 px și o înălțime de până la 750 px. Deci, dacă doriți să utilizați spațiul maxim disponibil, încărcați o imagine în orientare portret (verticală), care este în raport de 3: 2. Acesta este un exemplu de utilizare a spațiului maxim disponibil:

Dacă încărcați o imagine peisaj (orizontală), aceasta va fi scalată la o lățime de 500 px și își va păstra forma. Zona completă a imaginii apare fără decupare.

Acesta este un alt dreptunghi orientat peisaj, dar are un raport de aspect mult mai îngust, cum ar fi un banner sau o panoramă. Lățimea este din nou de 500 pixeli, iar imaginea este scalată astfel încât să apară întreaga zonă a imaginii.

Dacă încărcați aceeași imagine rotită cu 90 de grade, astfel încât să fie mai înaltă decât largă, aceasta va fi decupată la maxim zonă disponibilă de 500 px cu 750 px.

Și dacă încărcați un pătrat, va fi afișată întreaga imagine, cu lățimea de 500 px.

Postarea mai multor imagini simultan în cronologia unei pagini

Puteți încărca mai multe fotografii simultan în cronologie. Modul în care sunt afișate depinde de câte imagini încărcați și de orientarea a ceea ce voi numi imaginea principală.

Imaginea principală este ceea ce numesc eu cel care se afișează primul în încărcare popup și se afișează, de asemenea, mai mare în unele dintre machete. Din câte știu, nu există un nume oficial pentru acesta, dar voi continua să folosesc „imaginea principală”. Deci, la asta mă refer în secțiunea de mai jos.

Pe lângă afișarea mai întâi, imaginea principală are un alt rol important. Acesta determină aspectul pe care îl obțineți. Dacă încărcați 3 imagini cu o primară pătrată imagine veți avea un aspect diferit decât dacă încărcați 3 imagini cu o imagine primară dreptunghiulară.

Cel mai simplu mod de a selecta ce imagine servește ca imagine principală este să o trageți spre stânga în dialogul de încărcare.

Iată un exemplu despre ceea ce vreau să spun. În aceasta, încarc două imagini, un pătrat portocaliu și un dreptunghi vertical verde. Dacă pătratul portocaliu este în prima poziție în dialogul de încărcare, așa:

postează astfel:

Încărcarea exact a aceleași două imagini, dar inversarea acestora, astfel încât verticala dreptunghiul este primul, astfel:

se afișează astfel:

Același principiu se aplică dacă încărcați două, trei sau patru imagini – aspectul își va lua întotdeauna reperul de la imaginea primară.

2 imagini cu imagine primară orizontală (peisaj)

Lățimea totală devine 500px. Imaginea de sus are o înălțime de 250 px; partea de jos are o înălțime de 249 px. Există o linie albă de 2 px între ele.

2 imagini cu imagine primară verticală (portret)

2 imagini cu imagine primară pătrată

3 imagini cu orizontală (peisaj) ) Imagine primară

Deoarece aspectul își ia indicii din imaginea primară, puteți amesteca și potrivi orientările imaginilor non-primare – acestea vor fi afișate în continuare la fel.

3 imagini cu imagine primară verticală (portret)

3 imagini cu imagine primară pătrată

4 imagini cu o imagine primară orizontală (peisaj)

Puteți amesteca și potriviți orientările imaginilor non-primare – acestea vor afișa în continuare aceleași.

4 imagini cu o imagine primară verticală (portret)

4 imagini cu o imagine primară pătrată

5 sau mai multe imagini cu o imagine primară orizontală (portretă)

Va afișa primele cinci imagini într-un fel de model mozaic, ca acesta. Dacă includeți mai mult de cinci imagini, veți obține o mică suprapunere a butonului plus simbolul pentru a afișa celelalte.

5 sau mai multe imagini cu o imagine primară pătrată sau verticală (portret)

Veți obține același afișaj indiferent dacă imaginea principală este un pătrat sau un dreptunghi vertical.

Fotografii cu lățime completă pe cronologia Facebook

Da, au fost grozave. Imaginea se întindea pe ambele coloane. Dar Facebook le-a eliminat la reproiectarea lor la mijlocul anului 2014. Actualizările dvs. se afișează acum într-o singură coloană și nu există nicio modalitate de a face fotografiile mai largi decât coloana respectivă.

Imagini cu antet de eveniment

Indiferent de imaginea de formă pe care o încărcați ca imagine de antet pentru un post de eveniment, acesta va fi decupat la un raport de aspect de 16: 9. Pentru cele mai bune rezultate, încărcați o imagine de 1920 x 1080 pixeli. Dar ceva de care trebuie să fii atent este că, în vizualizarea evenimentului principal, este redus destul de mult, deci nu folosești fonturi prea mici (oamenii pot face clic pe imagine pentru a deschide o versiune mai mare, dar nu toată lumea o va face that).

Când este afișat pe pagina principală a evenimentului, acesta este redus la 500 x 262 pixeli, astfel:

Probleme de calitate a imaginii Facebook

Ceva de urmat conștient de faptul că Facebook comprimă unele imagini destul de agresiv atunci când le încărcați și le afișați.

Are sens – în mod firesc, vor să accelereze încărcările paginii și să reducă lățimea de bandă aplicând cât de multă compresie pot scăpa . Nu sunt singurul care mi-ar dori să fie mai puțin agresivi în ceea ce privește compresia, dar cât de vizibilă va depinde de lucruri precum gama de culori din imaginea dvs. și cantitatea de detalii din fotografia dvs.

În exemplele de mai sus, compresia JPG este mult mai vizibilă în versiunea de montaj decât în versiunea Sydney Harbour Bridge. Am setat la fel setările de calitate și claritate pentru fiecare din originalele înainte de a fi încărcate. Unii utilizatori au raportat că imaginile cu multe roșii și portocale par să arate efectele compresiei mai mult decât cele cu albastru și verde, dar depinde de imaginea reală.

De asemenea, pare să depindă de ce fel de imagine pe care o afișezi. Imaginile din galeria foto par să aibă mai puțină compresie în afișare decât elementele de design, cum ar fi fotografia de copertă și imaginea de profil.

Există câteva lucruri pe care le puteți face pregătind imaginile înainte de încărcare, care vă pot ajuta să reduceți șansele ca imaginea dvs. va ieși nebunie.

Încărcați imagini cu dimensiunea fișierului de 99 KB sau mai puțin. Facebook ar trebui să lase imagini mai mici decât cele neatinse, ceea ce vă oferă control asupra modului în care se aplică compresia.

Încărcați imagini care nu au prea multă compresie deja aplicată. De exemplu, pentru JPG-uri, încercați să păstrați setarea de calitate la 80 sau mai mult – Facebook oricum o va comprima din nou. Dacă folosiți un software care are un factor important în spațiul de culori (cum ar fi Lightroom sau Photoshop), utilizați spațiul de culori sRGB. Și încărcarea de imagini care sunt deja redimensionate pentru a fi apropiate sau la dimensiunea afișată a țintei și care nu sunt prea clarificate pare să funcționeze bine.

Dacă niciuna dintre acestea nu funcționează, aruncați o privire la postarea mea despre cum să obțineți text clar. pe imagini de pe Facebook.

Obțineți text neclare, sigle sau filigrane pe imagini?

Dacă includeți text, o siglă sau un filigran și constatați că se termină neclar și neclar datorită artefactelor JPG, am o postare separată care detaliază cum să o remediați: Cum să obțineți text clar pe imaginile de pe Facebook.

Metadatele de imagine pe Facebook

Deși nu sunt legate în mod specific de dimensiunile imaginilor, merită să știți că Facebook elimină toate metadatele din imaginile dvs. Aceasta include toate GPS-urile, tipul camerei și alte date pe care camera dvs. le-ar putea încorpora, precum și orice alte cuvinte cheie sau informații privind drepturile de autor pe care le-ați fi putut adăuga. (O excepție este dacă vă aflați în Germania).

Foaie de fotografii Facebook Photos

	Lățime	Înălțime	Note
Fotografie de copertă / Prezentare de copertă	820px	360px
Imagine de profil în antet	172px	172px	Trebuie să aibă cel puțin 180px cu 180px
Imagine de profil pe cronologie	40px	40px	Aceeași imagine ca și imaginea de profil principală, redusă automat la scară
Miniatură link partajat	500px	261px	Numai pentru miniaturi simple. Sunt decupate mai multe miniaturi.
Miniatură foto cu cronologie încărcată	500 px max	750 px max	Vedeți excepțiile de mai sus pentru mai multe imagini.
Imagine antet eveniment	500px	262px	Raport de aspect 16: 9 numai. Pentru cele mai bune rezultate, încărcați imaginea 1920 x 1080 px.