Sari la conținut

Logo vectorial sau PNG: formatele de fișiere pe care trebuie să le ai

Cea mai frecventă problemă cu un logo nu e desenul, ci fișierul. Tipografia cere „vectorul”, ai doar un PNG, și logoul se reface. Ghidul de mai jos spune ce e fiecare format, când se folosește și ce trebuie să conțină pachetul pe care îl primești.

de Actualizat 5 min de cititRead in English

Vector și raster: singura distincție care contează

Un fișier raster (PNG, JPG, WebP) e o grilă de pixeli: are o mărime fixă, iar la mărire se vede grila. Un fișier vectorial (SVG, PDF, EPS, AI) descrie forme prin matematică: un cerc e un centru și o rază, nu o mulțime de puncte. Se scalează de la favicon la panou publicitar fără să piardă nimic și orice culoare se schimbă dintr-un clic.

Regula: logoul se păstrează ca vector și se exportă ca raster pentru fiecare folosire în parte. Dacă ai doar rasterul, nu ai logoul, ai o fotografie a lui.

Formatele, unul câte unul

SVG

Tip

Vector

Unde se folosește

Site, aplicații, orice ecran; editare

De reținut

Standardul web; se deschide în orice browser și editor vectorial

PDF

Tip

Vector

Unde se folosește

Tipografie, prezentări, atașamente

De reținut

Un PDF exportat din vector rămâne vector; unul „tipărit” dintr-o imagine nu

EPS

Tip

Vector

Unde se folosește

Tipografii mai vechi, serigrafie, gravură

De reținut

Format vechi, dar încă cerut; echivalent cu PDF-ul vectorial

AI

Tip

Vector

Unde se folosește

Fișierul de lucru al designerului

De reținut

Proprietar Adobe; cere alături și SVG/PDF

PNG

Tip

Raster

Unde se folosește

Site, social media, documente Word

De reținut

Suportă transparență; exportă la 2x pentru ecrane retina

JPG

Tip

Raster

Unde se folosește

Fotografii; rar pentru logo

De reținut

Fără transparență, cu artefacte pe margini; evită-l pentru logo

WebP

Tip

Raster

Unde se folosește

Site, unde e acceptat

De reținut

Mai mic decât PNG la aceeași calitate

ICO

Tip

Raster

Unde se folosește

Favicon în browserele vechi

De reținut

Modern se folosește SVG sau PNG 32×32

Un pachet complet nu e un fișier, e o structură. Când primești logoul, de la un designer sau dintr-un generator, verifică lista:

  • Semnul singur, numele singur și cele două împreună, pe orizontală și pe verticală (patru sau cinci variante).
  • Fiecare variantă în culoare, în negru, în alb (pentru fundal închis) și, dacă e cazul, într-o singură culoare de brand.
  • Fiecare variantă ca SVG și ca PDF vectorial. EPS dacă lucrezi cu tipografii clasice.
  • PNG cu fundal transparent, la cel puțin 1.000 de pixeli lățime și la 2.000 pentru versiunea mare.
  • Favicon: 32×32 și 180×180 (Apple touch icon), plus SVG-ul semnului.
  • Un document scurt cu spațiul liber din jurul logoului, mărimea minimă și codurile de culoare (HEX pentru ecran, CMYK sau Pantone pentru tipar).

Text sau contur: detaliul care strică fișierele la tipar

Un logo conține de obicei numele setat într-un font. Într-un SVG sau PDF, textul poate fi lăsat ca text (are nevoie de font instalat ca să se afișeze corect) sau convertit la contururi (literele devin forme). Pentru tipar, contururile sunt obligatorii: tipografia nu are fontul tău, iar substituția tăcută cu Arial e cea mai frecventă surpriză de la prima comandă. Cere „text convertit în curbe” sau „outlined”.

RHAM exportă PDF-ul și EPS-ul cu literele conturate din fontul real, iar SVG-ul cu textul păstrat editabil, plus versiunea conturată, ca să ai ambele.

Culorile: RGB, HEX, CMYK, Pantone

Ecranele afișează RGB (notat de obicei ca HEX, de exemplu #E10600), tipografiile imprimă CMYK, iar pentru culori exacte pe materiale (vopsele, textile) se folosesc coduri Pantone. Aceeași culoare are trei coduri, iar conversia nu e niciodată perfectă: un roșu strălucitor pe ecran iese mai stins în CMYK. Manualul de brand ar trebui să listeze toate trei, decise o singură dată, ca fiecare tipografie să nu convertească după cum crede.

Cum verifici singur un fișier

  1. 01Deschide SVG-ul într-un browser și mărește la 800%. Dacă rămâne perfect net, e vector.
  2. 02Deschide PDF-ul și mărește la maximum. Dacă marginile se înmoaie, PDF-ul conține o imagine, nu forme.
  3. 03În SVG, caută cu un editor de text eticheta <text>. Dacă există, textul nu e conturat.
  4. 04Verifică PNG-ul pe un fundal închis: transparența lipsă se vede ca un dreptunghi alb.

Ce faci cu fișierele după ce le ai, unde se documentează și cum se folosesc corect, e în manualul de brand.

Întrebări frecvente

Ce format de logo trebuie să trimit la tipografie?
PDF vectorial sau EPS, cu textul convertit în contururi și culorile în CMYK sau Pantone. Trimite și un PNG mare ca referință vizuală, dar fișierul de lucru e vectorul.
Pot transforma un PNG în vector?
Automat, aproximativ: vectorizarea (trace) refac formele din pixeli, cu margini imperfecte și fără fontul original. Pentru un logo simplu, cu forme geometrice, rezultatul poate fi acceptabil după curățare manuală; pentru un logo cu text sau detalii fine, e mai ieftin să refaci logoul ca vector.
SVG sau PNG pentru site?
SVG pentru logo: e mai mic, perfect net pe orice ecran și își schimbă culoarea din CSS. PNG doar acolo unde SVG-ul nu e acceptat (unele platforme de email, unele CMS-uri vechi), exportat la dublul mărimii afișate.
Ce mărime trebuie să aibă un logo PNG?
Depinde de folosire, de aceea păstrezi vectorul și exporți la nevoie. Ca regulă: 500 de pixeli lățime pentru antet de site, 1.000–2.000 pentru social media și documente, 32 și 180 de pixeli pentru favicon și pictogramă de telefon.

Citește mai departe