Šiuolaikinės žiniatinklio naršyklės ir turinio valdymo sistemos optimizuoja vaizdus, kad būtų rodomi bet kokia nuostata. Tačiau geriausia paruošti vaizdus, kurie būtų optimizuoti pagal kiekvieną galimą formos veiksnį ir vietą, kurioje vaizdas gali būti rodomas. Sutelkite dėmesį į tris dalykus: vaizdo skiriamąją gebą, dydį ir spalvų erdvę.
Spalvų erdvė vaizduose
Grafiniai dizaineriai remiasi dviem pagrindinėmis spalvų erdvėmis. Spalvų erdvė yra metodas, kai pagrindinės spalvos susijungia ir sudaro sudėtingas spalvų vaivorykštes.
Ruošdami vaizdus mobiliesiems įrenginiams naudokite RGB režimą. Kompiuterių monitorių ir išmaniųjų telefonų ekranai priklauso nuo raudonų, mėlynų ir žalių pikselių derinio. Šis RGB vaizdas optimizuotas tiksliai atkurti numatytas spalvas ekrane.
Spaudiniams dizaineriai naudoja keturių spalvų procesą, kai kiekviena spalva distiliuojasi iki žydros, purpurinės, geltonos ir juodos spalvos derinio. Kartais keturių spalvų vaizdai dėl šios priežasties vadinami CMYK vaizdais.
Vaizdo skyra
Vaizdų, ypač mobiliųjų platformų, dydis turėtų būti kuo mažesnis, kad kokybė būtų suderinta su atsisiuntimo sparta mobiliojo ryšio tinkluose, o failo dydis ir mobiliojo ryšio duomenų ribos.
Dauguma programų, įskaitant „Adobe Creative Cloud“programas, palaiko įrankį „Export for Web“, kuris rodo vaizdą įvairiais skyros ir glaudinimo deriniais. Pasirinkite geriausios kokybės vaizdą su mažiausiu bendru dydžiu.
Vaizdo dydis pikseliais
Kiekvienas vaizdas turi būti pritaikytas pagal paskirtį. Štai keletas populiarių žiniatinklio naudojimo vaizdų dydžių pavyzdžių:
- Interneto reklamjuostės dažnai yra 468 x 60 pikselių.
- Facebook viršelio vaizdai turi būti 851 x 315 pikselių.
- Twitter profilio nuotraukos turi būti 400 x 400 pikselių.
- Bendrinamų nuorodų vaizdai turi būti 1200 x 630 pikselių.
Kai dirbate su nuotraukomis tam tikrais tikslais, patikrinkite vietą, kur ta nuotrauka bus rodoma (pvz., socialinės žiniasklaidos svetainėje arba tinklaraštyje), kad patikrintumėte optimalius vaizdo matmenis ir atitinkamai dydį, kad išvengtumėte vaizdo ištempimo ar apkarpymo.
Kad išvengtumėte pikselių susidarymo, nustatykite tikrąjį ekrano dydį. Net jei vaizdo matmenys yra tinkami, jei jo dydis netinkamas, gautas produktas gali atrodyti pikseliais, jei vaizdas turi būti padidintas, kad atitiktų laisvą erdvę.
Apie vektorinius vaizdus
Vektoriniai vaizdai – vaizdai, kuriuos apskaičiuoja ir piešia įrenginys – paprastai yra efektyvesni ir aukštesnės kokybės nei rastriniai vaizdai (vaizdai, nupiešti po vieną pikselį), nes juos galima padidinti ir sumažinti nepažeidžiant vaizdo kokybės.. Paprastiems logotipams, linijiniams piešiniams ir grafikams idealiai tinka vektorinė versija. Vektoriniai formatai nuotraukoms nenaudojami.
