Chagua kulingana na kazi ambayo picha inapaswa kufanya
Anza na mali, siyo nyongeza. Picha ya kifananishi ni maudhui ya rangi zinazendelea (continuous-tone), hivyo upotevu fulani unaweza kukubalika kwa ukubwa inayoonyeshwa. Screenshot, chati, nembo, au mchoro wa mstari una kingo kali na maandishi, ambapo artifacts zinawoneka kwa urahisi. Hifadhi haya kwa pato lisilopoteza (lossless) au upitishe idhini kwa uangalifu. Tumia SVG kwa nembo au mchoro wa vector inapopatikana.
Kisha tambua uwezo. Alpha ina maana ya uwazi kwa pixel moja kwa moja (per-pixel transparency). Animation ni mfululizo wa fremu. Ufunuo wa kivinjari unaohitajika, kiasi cha kuchapisha, na muda wa kujenga ni vizingiti vya utoaji vinavyoweza kuzidisha muundo mdogo.
Jaribu AVIF na WebP zisizo za lossless kwanza. Weka JPEG inapatikana wakati fallback ya opaque yenye ulinganifu mpana inahitajika.
Hifadhi chanzo isiyopoteza (lossless). Linganisha PNG na WebP au AVIF isiyopoteza kwa kiwango halisi cha onyesho kabla ya kuchagua.
Tumia AVIF, WebP, au PNG; usichague JPEG kwa sababu haina chaneli ya alfa.
Elewa kile kila muundo unachotoa
AVIF huhifadhi picha zilizokodishwa kwa AV1 ndani ya muundo unaotegemea HEIF. Ufafanuzi wake unajumuisha picha za kusimama (still images), mfululizo wa picha (image sequences), na vipengele vya picha zenye alfa. Inaunga mkono usimbaji wa lossy na lossless, uwazi, na animation. Akiba si ya kudumu: maudhui ya chanzo, encoder, kasi, kiwango lengwa cha ubora, na metadata hubadilisha matokeo.
WebP inaunga mkono njia za lossy na lossless, uwazi, na animation. JPEG ni muundo wa picha za lossy wenye usaidizi mpana wa kihistoria, unaofaa kama fallback kwa picha zilizokuwa opaque. PNG ni lossless na ina alfa, ikifanya iwe fallback salama kwa grafiki sahihi, ingawa PNG za picha mara nyingi hazifanani kwa ufanisi. PNG ya kawaida ni ya kimya (static); jaribu muundo tofauti wa animation wakati mwendo unahitajika.
Bora kuchunguzwa kwa picha za raster zenye thamani kubwa ambapo upunguzaji wa uhamisho unaweza kuhalalisha kazi ya uundaji na fallback.
Inafaa kama chaguo la kisasa la raster kwa matumizi ya jumla, ikijumuisha uwazi na mfululizo wa animated.
Tumia kwa fallback ya picha za kifananishi zisizo na uwazi, siyo kwa nembo yenye uwazi au kukata nje.
Tumia kwa fallback ya raster isiyopoteza na yenye uwazi na kwa mali ambapo uaminifu wa pikseli ni muhimu kuliko kuufikia ukubwa mdogo wa faili.
Jenga njia ya fallback badala ya kuwekeza kwa muundo mmoja
Elementi ya picture inaruhusu kivinjari kuangalia mbadala. Weka AVIF kwanza, kisha WebP, kisha img fallback kwa JPEG au PNG, na MIME type sahihi. Kivinjari kinapuuzia source isiyoungwa mkono na kutumia fallback wakati hakuna source inayoweza kutumika. Hifadhi text mbadala yenye maana ile ile isipokuwa ukiwa unabadilisha kata kwa makusudi.
Fallback ya muundo haisababishi responsive sizing. Toa wagombea (candidates) wa msingi kwa upana na thamani ya sizes inayosema ukweli wakati nafasi inabadilika. Jumuisha width na height ili kivinjari kiweke nafasi. Faili ya muundo mdogo iliyo na vipimo vikubwa vya pikseli bado inaleta matumizi yasiyo ya lazima ya byte.
AVIF kwanza, WebP pili, kisha JPEG kwa picha zisizo na uwazi au PNG wakati fallback inahitaji uwazi au kingo zisizopoteza.
Kama seva inachagua miundo kutokana na uwezo wa ombi badala ya alama za picture, sa configure variation ya cache kwa usahihi na jaribu kwamba kila mteja anapokea uwakilishi unaoweza ku-decoder.
Tumia mteja bila decoder uliopendekezwa au zima source kwa makusudi katika mazingira ya staging; thibitisha kuwa picha, vipimo, na text mbadala vinabaki sahihi.
Panga muda wa uundaji (encoding) na linda ubora wa kuona
Mfinyazo wa kisasa unaweka kazi kwenye uundaji. Encoder ya kumbukumbu ya AVIF ina anuwai ya kasi kutoka 0, polepole kabisa, hadi 10, kasi zaidi; WebP pia hubadilisha kazi ya encoder kwa muda, ukubwa wa matokeo, na ubora. Tibu upakiaji wa kundi (batch re-encode) au uongofu wa on-demand kama uamuzi wa kioperesheni, siyo mabadiliko wa bure ya mipangilio.
Weka sera inayorudiwa kwa darasa la mali na rejea asilia kwa ukubwa wa kawaida unaoonekana. Chunguza nyuso, mviringo za rangi (gradients), maandishi, kingo, na mipaka ya uwazi. Hifadhi master na rekodi toleo la encoder na mipangilio ili hitilafu irejewe na kurudi nyuma.
Uundaji wa kasi unaweza kupunguza shinikizo la ujenzi lakini uwezekano uendeleze faili kubwa zaidi au ufanisi mdogo; tija benchmark kwa seti yako ya vyanzo.
Alama au preset haiwezi kubadilisha mapitio ya kuona ya maeneo ya picha yanayobeba maana kwa wageni.
Fanya mabadiliko ya muundo wa picha kuwa mazoea ya kuzuia hitilafu
Kwa Status Is UP, uboreshaji wa picha ni kazi ya kuzuia wakati inazuia toleo kuharibu ukurasa muhimu. Fanya orodha ya URL za picha muhimu, panga uongofu wa kuiga, na thibitisha aina ya maudhui (content type), tabia ya CDN, na kuhalalisha cache kabla ya uhamishaji wa tovuti nzima.
Tolea kwa kundi unaoweza kurejeshwa. Linganisha uonyeshaji na tabia ya uhamisho kwenye candidate wa kutolewa, kisha hifadhi uwakilishi wa zamani hadi njia mpya ithibitishwe. Ikiwa mabadiliko au sheria ya cache itashindwa, rudisha chanzo kilichojulikana kuwa kizuri. Hii ni mwelekeo wa utoaji wenye ustahimilivu, si agizo la ulimwengu kwa AVIF au miundo mingi.
Panga kipaumbele kwa picha kuu na picha za maudhui zinazohamasisha muonekano wa kwanza muhimu, si kila picha ya maktaba mara moja.
Hifadhi majina ya mali yanayoweza kubainika au ramani zilizo na toleo ili njia ya awali ya JPEG, PNG, au WebP irejeshwe kwa haraka.