idusidusi ni vakavinakataki ni iyaloyalo ni itukutuku

Kila na ituvatuva ni iyaloyalo ni itukutuku

Na digitaki ni ituvatuva ni iyaloyalo dodonu sa ikoya na yavu ni vakavinakataki ni itukutuku. Na ituvatuva yadua e veiqaravi ena inaki duidui ka solia na veivakalougatataki duatani. JPEG e vinaka sara me baleta na itaba kei na iyaloyalo vereverea kei na vuqa na roka, solia na ratios ni veivakacacani uasivi ia ena isau ni kena lossy. PNG e uasivi cake ena iyaloyalo kei na matata, matailalai ni matailalai, kei na vakaiyalayala na palettes ni roka, ka vakavuna me vinaka sara me baleta na ivakatakilakila kei na iyaloyalo, e dina ga ni levu cake na faile. WebP e matataka na itabatamata ka tarava ni iyaloyalo ni itukutuku, vakarautaka na veivakacacani cecere ni vakatauvatani kei na rua na JPEG kei na PNG ni maroroi tiko na ivakarau cecere. E tokona ruarua na veivakacacani kei na veivakacacani, matata, kei na veivakabulabulataki. Ia, na veitokoni ni barausa, e dina ni rabailevu, e sega ni raraba. AVIF e vou cake sara, solia na iwiliwili ni veivakacacani vakasakiti me yacova na 50% lailai mai na JPEG, Ia na kena ciqomi na barausa e se tubu tikoga. Me baleta na iyaloyalo ni vector me vaka na ivakatakilakila, ivakatakilakila, kei na iyaloyalo rawarawa, SVG e sega ni rawa ni vakadrukai. Me vaka e dua na ivakarau ni vector, SVG iyaloyalo vakarautaki sega ni vakaiyalayala ka sega na vakayali ni ivakarau ka dau lailai na kena levu ni faile. Era sa editable talega ena code kei na veitokoni ni veimaliwai, ka vakavuna me ra vakasakiti na kena veisautaki me baleta na ituvatuva ni itukutuku ni gauna oqo.

• JPEG: Vinaka duadua me baleta na itaba kei na iyaloyalo vereverea .
• PNG: Vinaka sara me baleta na iyaloyalo kei na matata kei na matailalai
• WebP: Na ituvatuva ni gauna oqo kei na veivakasaurarataki cecere
• AVIF: Na ituvatuva vou duadua kei na veivakasaurarataki vakasakiti
• SVG: Vinaka sara me baleta na iyaloyalo ni vector kei na ivakatakilakila

Na iwalewale ni veivakasaurarataki ni iyaloyalo kei na ituvatuva ni vinaka

Na kila na veivakasaurarataki e bibi sara me baleta na veivakatautauvatataki ni iyaloyalo kei na levu ni faile. Na veivakacacani ni Lossy, vakayagataki mai na ituvatuva me vaka na JPEG, kauta laivi vakadua na itukutuku ni iyaloyalo me vakalailaitaka na levu ni faile. Na ki sai koya na kena kunei na vanua momosi e vakalevutaki kina na veivakasaurarataki ni maroroi tiko na ivakarau ni rai e ciqomi. Me baleta na iyaloyalo ni itukutuku e levu, e dua na ituvatuva ni ivakarau ni JPEG ena maliwa ni 75-85% e vakarautaka e dua na veivakatautauvatataki vinaka sara, e dina ga ni oqo e rawa ni duidui me yavutaki ena itukutuku ni iyaloyalo. Na veivakacacani sega ni yali, vakayagataki mai na PNG kei na so na iyaloyalo ni WebP, vakalailaitaka na levu ni faile ka sega ni dua na vakayali ni ivakarau. E dina ni rogo vinaka oqo, na faile ni lossless e dau levu cake sara mai na nodra itokani lossy. Oqo e cakava na veivakasaurarataki ni lossless vinaka duadua me baleta na iyaloyalo e bibi duadua kina na ivakarau, me vaka na itaba ni ka e buli me baleta na e-commerce se iyaloyalo ka na vakadodonutaki tale. Na iwalewale ni veivakacacani toso ki liu e oka kina na vakavodoki ni JPEG toso ki liu, ka vakaraitaka na iyaloyalo ena kena vakalevutaki na pasi ni ivakarau, kei na chroma subsampling, ka vakalailaitaka na itukutuku ni roka e lailai na kena vakasamataki na mata ni tamata. Na iyaya ni cakacaka ni gauna oqo e solia talega na vakavinakataki ni vakasama, veisautaka na veivakasaurarataki e yavutaki ena veika e raica vakalevu duadua na mata ni tamata, ka dau rawata na vua vinaka cake mai na ituvatuva ni ivakarau makawa.

Na vakatulewa kei na isau ni iyaloyalo vakavinakataki

Na ituvatuva ni itukutuku ni gauna oqo e gadrevi kina na iyaloyalo e rairai vinaka ena veika kece mai na talevoni veikauyaki ki na 4K monita. Na ki sa ikoya na kena kilai na pixel ni kaukauwa kei na rawaka ni misini. E dua na iyaloyalo rabailevu 1200px e rawa ni vinaka sara me baleta na saravi ni katubaleka, Ia e sa rui sivia me baleta e dua na sikirini ni talevoni veikauyaki 375px, vakaotia na bandwidth ka vakalailaitaka na gauna ni icolacola. Na kena buli e vuqa na levu ni iyaloyalo e vakadeitaka na iyaya yadua e ciqoma e dua na iyaloyalo veiganiti. Na iyaloyalo ni saumitaro e vakayagataka na itovo ni srcset ni HTML kei na iyaloyalo ni elemeniti me qarava na iyaloyalo duidui e yavutaki ena levu ni sikirini kei na kena vakatulewa. Na iwalewale oqo e rawa ni vakalailaitaka na payload ni iyaloyalo ena 50% se sivia me baleta na vakayagataki ni talevoni veikauyaki. Me kena ivakaraitaki, o rawa ni veiqaravi ena dua na iyaloyalo 400px ki na talevoni veikauyaki, 800px ki na tebeleti, kei na 1200px ki na sikirini ni katubaleka. Na vakaraitaki cecere me vaka na sikirini ni Retina e gadrevi kina na iyaloyalo ni 2x me baleta na irairai matailalai. Na sizing ni iyaloyalo e dodonu talega me vakasamataka na ivakarau ni vakaraitaki dina ena nomu itukutuku. Na iyaloyalo e vakaraitaki ena 300px rabailevu e sega ni gadrevi me 1200px rabailevu, veitalia na sikirini ni vakayagataki. Dau vakavinakataka na iyaloyalo me baleta na nodra levu ni vakaraitaki dina, ka vakasamataka na vakayagataki ni CSS me qarava na scaling lailai ka sega ni veiqaravi ena iyaloyalo levu sara.

Na kena revurevu ni cakacaka kei na iwalewale ni vakavodoki

Na iyaloyalo e vakaleqa sara vakalevu na cakacaka ni itukutuku, e dau matataka na 50-70% ni bibi taucoko ni draunipepa. Na iyaloyalo lelevu, sega ni vakavinakataki era maliwai ira na cala taumada ni itukutuku ni vakavodoki vakamalua, ka vakaleqa vakadodonu na veika e sotava na vakayagataki kei na itutu ni misini ni vakasaqaqara. Na ikuri ni sekodi kece ni gauna ni icolacola e rawa ni vakalevutaka na iwiliwili ni bounce me yacova na 32%, ka cakava na vakavinakataki ni iyaloyalo e dua na vakasama bibi ni bisinisi. Na vakavodoki ni lazy e dua na iwalewale kaukauwa ka vakaberaberataka na vakavodoki ni iyaloyalo me yacova ni ra sa vakarau curu ki na viewport. Oqo e vakavinakataka sara vakalevu na gauna ni vakavodoki ni draunipepa taumada, vakabibi me baleta na draunipepa bibi ni iyaloyalo. Na barausa ni gauna oqo e tokona na vakavodoki ni lazy ni vanua ena vakavodoki = “lazy” itovo, ni JavaScript na valenivolavola e vakarautaka na lewa torocake cake kei na veitokoni ni barausa raraba. Na iwalewale ni preloading ni iyaloyalo e rawa talega ni vakatorocaketaka na veika e sotava na vakayagataki. Na iyaloyalo bibi e cake-na-vakacurumi e dodonu me vakavinakataki me baleta na totolo duadua ni vakavodoki, ni iyaloyalo e ra-na-vakacurumi e rawa ni lazy vakavodoki. Vakasamataka na vakayagataki ni vanua ni iyaloyalo lailai (LQIP) se blur-ki-sharp na kena revurevu me vakarautaka na vakasama ni rai totolo ni sa vakavodoki tiko na iyaloyalo taucoko-vakatulewa. Na toso ni JPEG encoding e rawa kina na iyaloyalo me basika totolo ena ivakarau lailai, qai vakasavasavataka me vaka e levu cake na itukutuku ni icolacola.

SEO kei na vakasama ni rawa-ka

Na misini ni vakasaqaqara e vakasamataka na totolo ni draunipepa me vaka e dua na ka ni itutu, ka cakava na iyaloyalo ni vakavinakataki ni bibi me baleta na rawaka ni SEO. Na iyaloyalo vakavinakataki vakavinaka e vukea na draunipepa me totolo cake na kena vakavodoki, ka veivuke ena kena vinaka cake na itutu ni vakasaqaqara kei na veika e sotava na dauvakayagataka. Me kena ikuri, na yaca ni faile ni iyaloyalo kei na ivola alt e vakarautaka na itukutuku yaga ki na misini ni vakasaqaqara, vukea na nomu itukutuku me basika ena iyaloyalo ni vakasaqaqara. Na rawa ni curu e gadrevi kina na ivola alt vakasamataki ka vakamacalataka na itukutuku ni iyaloyalo me baleta na dauwiliwili ni sikirini kei na vakayagataki ni mata. Na ivola ni Alt e dodonu me vakamacalataki ia e lekaleka, vakamacalataka na veika e tiko ena iyaloyalo kei na kena inaki ena itukutuku. Me baleta na iyaloyalo vakaiukuuku ka sega ni kuria na yaga ni itukutuku, vakayagataka na itovo ni alt lala (alt = “”) me tarova na dauwiliwili ni sikirini mai na kena kacivaki ira ka sega ni gadrevi. Na itukutuku vakarautaki kei na schema markup e rawa ni vakatorocaketaka na sala era kila kina na misini ni vakasaqaqara ka vakaraitaka na nomu iyaloyalo. Na sitemaps ni iyaloyalo dodonu e vukea na misini ni vakasaqaqara me kunea ka vakaraitaka vakavinaka cake na nomu iyaloyalo. Na veisoqoni ni vakayacani ni faile e dodonu me vakamacalataki ka vosa bibi-vutuniyau ni sa veiganiti, vakatabuya na yaca raraba me vaka na “iyaloyalo1.jpg” ena veitokoni ni yaca vakamacalataki me vaka na “damudamu-cici-ivava-mua-raica.jpg”.