Biblioteca media

Biblioteca media conține imaginile pe care le folosești în landing page-uri. Încarci o imagine o singură dată, îi creezi versiuni mai mici sau decupate și o alegi ori de câte ori plasezi sau înlocuiești o imagine într-o pagină. Panoul Images din editorul de pagini listează toate imaginile folosite de o pagină și le semnalează pe cele prea mari, prea mici sau stocate într-un loc de unde ar putea dispărea.

Acces: utilizatorii cu rolul admin sau marketer, din editorul de pagini.

Deschiderea bibliotecii media

În tab-ul Content al editorului de pagini:

• Apasă Upload Media (pe o pagină goală) sau Media (pe o pagină cu conținut) ca să răsfoiești și să gestionezi imaginile.
• Apasă Replace Image în meniul unei imagini din vizualizarea Design sau dă click pe o miniatură din panoul Images ca să alegi o imagine pentru locul respectiv.

Biblioteca se deschide într-un panou lateral cu titlul Media. Pentru editorul propriu-zis, vezi Landing page-uri.

Media paginii și media partajată

Biblioteca are două tab-uri:

Tab	Ce conține	Când se șterg imaginile
Page	Imaginile stocate împreună cu pagina pe care o editezi.	Când le ștergi sau când este ștearsă pagina.
Shared	Imaginile disponibile pentru toate paginile din organizația ta.	Doar când le ștergi.

Biblioteca se deschide pe tab-ul Page. Folosește Shared pentru logo-uri și alte imagini pe care le refolosești în mai multe pagini. Când salvezi o pagină ca template, imaginile din tab-ul ei Page sunt copiate în template.

Încărcarea imaginilor

Apasă Upload și alege unul sau mai multe fișiere ori trage imaginile în panou. Ele ajung în tab-ul deschis.

Limită	Valoare
Tipuri de fișiere	JPEG, PNG, WebP și SVG
Mărimea fișierului	Până la 10 MB pe imagine
Dimensiuni	Până la 4096 de pixeli pe oricare latură (JPEG, PNG și WebP)

Ce se întâmplă la încărcare:

• Imaginile JPEG, PNG și WebP mai mari de 1920 de pixeli pe oricare latură sunt micșorate ca să se încadreze în 1920 × 1920.
• Metadatele, cum ar fi detaliile despre aparatul foto și locație, sunt eliminate.
• Imaginile JPEG sunt salvate la calitatea 85, iar imaginile WebP sunt convertite în PNG.
• Din fișierele SVG sunt eliminate scripturile și handler-ele de evenimente. Un fișier SVG care conține cod asemănător unui script este respins.

Folosirea unei imagini

Cardul fiecărei imagini afișează o miniatură (dă click pe ea ca s-o mărești), numele imaginii, dimensiunea și formatul ei, precum și eticheta In use atunci când pagina pe care o editezi folosește imaginea sau una dintre versiunile ei mai mici.

• Când alegi o imagine pentru un anumit loc din pagină, apasă Select ca să folosești imaginea întreagă sau dă click pe una dintre versiunile ei mai mici.
• Când doar răsfoiești, Copy URL copiază adresa imaginii, ca s-o poți folosi în codul HTML.
• Pictograma cu ochiul afișează o previzualizare a imaginii, iar pictograma de descărcare deschide fișierul într-un tab nou.

Crearea versiunilor mai mici

Imaginile mari încetinesc paginile. Ca să creezi o versiune mai mică:

1. Dă click pe pictograma cu foarfeca (Resize) de pe o imagine.
2. Dă click pe o lățime: 1280px, 960px, 640px sau 320px, ori scrie o lățime în Custom width... și apasă Enter. Lățimea trebuie să fie mai mică decât cea a imaginii.

Versiunea mai mică păstrează proporțiile imaginii și apare ca etichetă sub imagine, de exemplu 640px. O folosești la fel ca pe original: o selectezi, îi copiezi adresa, o previzualizezi sau o descarci. Imaginile SVG nu pot fi redimensionate.

Decuparea unei imagini

1. Dă click pe pictograma de decupare de pe o imagine.
2. Lângă Aspect:, alege 16:9, 4:3, 1:1 sau 3:4 ori alege Custom și introdu o lățime și o înălțime ca să stabilești forma.
3. Trage imaginea ca s-o poziționezi și folosește Zoom: ca s-o scalezi. Dimensiunea rezultatului, în pixeli, apare sub imagine.
4. Apasă Crop & Save.

Decupajul este salvat ca imagine nouă în același tab, cu numele originalului, la care se adaugă _crop_ și dimensiunea decupajului. Originalul rămâne neschimbat. Imaginile SVG nu pot fi decupate.

Ștergerea imaginilor

• Pictograma cu coșul de gunoi de pe o imagine o șterge, împreună cu toate versiunile ei mai mici, după ce confirmi.
• Pictograma cu coșul de gunoi de pe eticheta unei versiuni șterge doar versiunea respectivă.

Ștergerea unei imagini strică paginile care o folosesc

Paginile trimit în continuare la adresa imaginii, așa că o imagine ștearsă dispare din toate paginile care o folosesc. Eticheta In use se referă doar la pagina pe care o editezi, așa că verifică-ți celelalte pagini înainte să ștergi o imagine din Shared.

Gestionarea imaginilor dintr-o pagină

Secțiunea Images din tab-ul Content al editorului listează în ordine imaginile paginii, pe două tab-uri: Images (imagini obișnuite și responsive) și Backgrounds (imagini setate ca fundaluri CSS). Imaginile încorporate în HTML sub formă de date și imaginile a căror adresă conține o variabilă de template nu sunt listate.

• Dă click pe o miniatură ca să înlocuiești imaginea respectivă cu una din biblioteca media. Un loc gol afișează Empty — click to set.
• Dimensiunile sunt măsurate în vizualizarea Design, la lățimea dispozitivului selectat (Desktop, Tablet sau Mobile).

Panoul semnalează imaginile care au nevoie de atenție:

Semnal	Ce înseamnă	Ce faci
Pictogramă de avertizare portocalie (External image)	Imaginea este găzduită pe alt site, care o poate modifica sau elimina.	Dă click pe pictograma de descărcare (Download & upload to page media) ca s-o copiezi în biblioteca media a acestei pagini.
Pictogramă de avertizare albastră (From another page)	Imaginea face parte din fișierele media ale altei pagini și dispare dacă acea pagină este ștearsă.	Dă click pe pictograma de descărcare (Copy to this page's media).
„{actual size}px, shown at {displayed size}px."	Imaginea are o lățime de peste două ori mai mare decât cea la care este afișată, așa că se încarcă mai lent decât ar fi nevoie.	Apasă Optimize to {N}px ca să treci la o copie cu lățimea dublă față de cea afișată, stocată în biblioteca media a acestei pagini.
„Low res: …"	Imaginea este mai mică decât dimensiunea la care este afișată și poate arăta neclar.	Înlocuiește-o cu o imagine mai mare.

Copierea unei imagini de pe alt site funcționează pentru imaginile JPEG, PNG, WebP și SVG de până la 10 MB și cu cel mult 4096 de pixeli pe oricare latură.

Imagini responsive

Pentru o imagine obișnuită (nu SVG), Make responsive îți permite să afișezi imagini diferite pe ecrane diferite:

• Imaginea curentă devine Mobile / fallback.
• Add Desktop setează o imagine pentru ecranele cu lățimea de cel puțin 1024 de pixeli, iar Add Tablet, pentru ecranele cu lățimea de cel puțin 768 de pixeli.
• Butonul × de lângă o dimensiune de ecran elimină imaginea respectivă. Remove responsive revine la o singură imagine, cea pentru mobil.

Modificările făcute în panoul Images se aplică paginii din editor. Apasă Save ca să le păstrezi.

Imagini de copertă

Imaginile de copertă ale unei pagini, folosite pentru miniatura din lista Pages și pentru previzualizarea link-urilor, se setează în tab-ul Settings al editorului, nu în biblioteca media. Vezi Imagini de copertă.