Capturile de ecran arată aplicația în limba engleză. Numele și comenzile prestabilite sunt disponibile și în limba aplicației dvs.

Punctul tău de plecare

Utilizați Web adaptiv în PixRinse, apoi examinați aceste setări în raport cu destinația dvs. reală.

Setări pentru acest flux de lucru
Lățimi320 / 640 / 1280 / 1920 px
IeșireWebP, calitate 80
CuloaresRGB
Surse miciVariantele mai mari sunt omise
PixRinse Web adaptiv presetare care arată mai multe dimensiuni de ieșire WebP
Setări utilizate pentru această prezentare. Selectați captura de ecran pentru a o inspecta la dimensiune completă.

Cum se face

  1. Începeți cu activul inițial

    Utilizați o sursă suficient de largă pentru cea mai mare variantă de care aveți nevoie. Fiecare derivat este generat din original în loc să fie redimensionat în mod repetat.

  2. Selectați Web adaptiv

    Examinați cele patru lățimi încorporate și numele fișierelor. Variantele mai largi decât sursa sunt omise, așa că inspectați numărul de ieșiri planificat.

  3. Exportați setul de imagini

    Examinați toate ieșirile. Ieșiri multiple per sursă necesită Pro; nivelul gratuit poate fi folosit în continuare pentru a testa un flux de lucru cu o singură dimensiune.

  4. Adăugați imaginile pe pagina dvs

    Utilizați descriptori de lățime în srcset și setați sizes pentru a se potrivi cu aspectul real. Includeți lățimea, înălțimea și textul alternativ exact pe elementul de imagine.

EXEMPLU HTML · ADAPTĂȚI-VĂ DISPOZITUL
<img
  src="vase-1280w.webp"
  srcset="vase-320w.webp 320w,
          vase-640w.webp 640w,
          vase-1280w.webp 1280w,
          vase-1920w.webp 1920w"
  sizes="(max-width: 720px) 100vw, 960px"
  width="1280" height="853"
  alt="A terracotta vase with an olive branch"
>

FIȘIERELE DIN ACEST TREBUIN

Ce a produs acest exemplu

O sursă lată de 3072 px este suficient de mare pentru toate cele patru lățimi presetate. Fiecare fișier este un WebP separat, generat direct din acea sursă.

Calitate
80
Profil de culoare
sRGB
Ieșiri dintr-o singură sursă
4
Fișierele exportate efectiv
FişierFormatPixeliocteți
vase-1280w.webpWebP1280 × 85335.214
vase-1920w.webpWebP1920 × 128064.108
vase-320w.webpWebP320 × 2134.018
vase-640w.webpWebP640 × 42711.594
O sursă, patru lățimi web utile: rezultate exportate reale
Rezultatele reale ale exportului pentru fișierele eșantion prezentate în această explicație.

Măsurat pe fișierele eșantion afișate. Rezultatele dvs. depind de originale și setări. Fotografia din vază ceramică este o probă generată de inteligență artificială. Capturile de ecran ale aplicației și măsurătorile fișierelor exportate sunt reale.

Câteva întrebări frecvente

Ce se întâmplă dacă sursa mea are o lățime de numai 1000 px?

Șablonul omite variantele 1280 și 1920 px. Numai fișierele de referință care au fost generate efectiv.

Aplicația generează HTML?

Acest flux de lucru produce imagini. Adăugați srcset și sizes în codul site-ului sau sistemul de conținut.

Puneți fluxul de lucru la lucru.

Deschideți PixRinse, adăugați câteva imagini și începeți cu setările de mai sus.

Descarcă pentru MacGratuit: până la 10 imagini per lot și o ieșire per sursă. Ieșirile multiple ale acestui flux de lucru necesită Pro. Compara gratuit și Pro.