Daha yaxşı veb performansı üçün şəkilləri optimallaşdırmağın 6 yolu

Daha yaxşı veb performansı üçün şəkilləri optimallaşdırmağın 6 yolu
Rick Davis

İnsanlar vizual varlıqlardır və tədqiqatlar bu faktı təsdiqləyir. Yalnız üç gündən sonra mətnin saxlanma dərəcələri yalnız 10%-20% diapazonunda olur. Lakin şəkillər üçün saxlama dərəcələri 65%-ə qədər yüksək ola bilər. Beyin vizual məlumatın 90%-ni qəbul edir və onu 60.000 dəfə daha sürətli emal edir. Şübhəsiz ki, vizual görüntülər vebsaytın cəlb edilməsində mühüm rol oynayır.

Lakin bu, bəzi şəkilləri seçmək və onları saytınızın ətrafında yerləşdirməkdən daha çox şey tələb edir. Ağır şəkillər səhifə yükləmə sürətini yavaşlatan çoxlu bant genişliyi sərf edir. Axtarış motorları yavaş performansı görəcək və sizi aşağı reytinqlə cəzalandıracaq.

Məqaləmiz sizə 2021-ci ildə daha yaxşı veb performansı üçün şəkilləri optimallaşdırmağın altı müxtəlif üsulunu göstərəcək.

Daha yaxşı veb performansı üçün təsvirin optimallaşdırılması məsləhətləri

Deyək ki, siz vebsaytlar dizayn edirsiniz qeyri-kommersiya təşkilatları və siz işinizi nümayiş etdirmək üçün çoxlu şəkillərdən istifadə etməyi xoşlayırsınız. Donorlar, sponsorlar və digər maraqlı tərəflər davamlı dəstək üçün əsas kimi bu cür məlumatlardan istifadə edirlər. Ancaq şəkilləri optimallaşdırmasanız, istifadəçi təcrübəsi və nişanı zərər görəcək. Ən böyük problem səhifələrin yavaş yüklənməsi və cavabların gecikməsi olacaq.

Şəklin optimallaşdırılması faylların ölçüsünü, formatını və ya həllini azaltmaq üçün atdığınız hər hansı addımlara aiddir. Bunu şəkillərin keyfiyyətinə xələl gətirmədən edə bilərsiniz.

Gəlin bəzi şəkillərinizi yoxlayaq.variantları.

Marketinq Kampaniyasının İllüstrasiyası Deemak Daksina tərəfindən

1. Şəkil optimallaşdırma auditi ilə başlayın

Şəkil optimallaşdırma auditi təkmilləşdirməli olduğunuz yerlər üçün müvafiq məlumat verəcək.

Saytınızda olan şəkillərin inventarını apararaq başlayın. Müvafiq testlər həll etməli olduğunuz hər hansı bir problemi diaqnoz edəcək.

Məsələn, audit sizdə həddən artıq çox şəklin olduğunu göstərə bilər. O, həmçinin şəklin formatını göstərəcək və növbəti hərəkət kursunu təyin etməyə imkan verəcək. Məsələn, fayl formatlarının silinməsi və ya dəyişdirilməsi səhifə yükləmə sürətini əhəmiyyətli dərəcədə yaxşılaşdıra bilər.

2. Şəkillər üçün düzgün formatı seçin

Şəkil faylları müxtəlif formatlarda olur. Bunlar veb tətbiqləri üçün ən çox yayılmış üç şəkil formatı növüdür ki, bunları bilməlisiniz:

  • PNG çox yüksək keyfiyyətli şəkil olmasının üstünlüyünə malikdir. Təəssüf ki, buna nail olmaq üçün fayl ölçüsü çox böyükdür. Onlar sadə şəkillər və loqolar üçün yaxşı işləyir və itkisiz sıxılmaya imkan verir.
  • JPEG-lər əksər vebsaytlarda ən çox yayılmışdır. Onlar mürəkkəb, rəngli şəkillər üçün əladır. Bununla belə, JPEG şəkillərini sıxarkən diqqətli olmalısınız, çünki aydınlıq itkisi ilə nəticələnə bilər, şəkil nə qədər kiçik olar. Bəzi insanlar bunu itkili adlandırırlar.
  • GIF animasiyalar, kiçik nişanlar və aşağı keyfiyyətli şəkillər üçün işləyir. Bu, itkisiz sıxılma imkanı verir, ancaq yalnız istifadə edə bilərsiniz256 rəngə qədər.

Andreas Storm tərəfindən nişanları yadda saxla

Həmçinin bax: İncəsənət və Dizaynda Rəng Psixologiyası

3. Şəkillərin ölçüsünü dəyişdirin və sıxın.

Ola bilsin ki, siz şəkillərin yavaş-yavaş yükləndiyini görmüsünüz. Tam təsviri görmək üçün bir müddət keçəcək; şəkillərin çox ağır olduğuna işarədir. Ölçünün dəyişdirilməsi və ya sıxılması problemi həll edəcək.

Nəzərə alın ki, onları optimallaşdırmadan əvvəl heç bir şəkil yükləməməlisiniz. Ən yaxşı keyfiyyət üçün faylların 1-2 MB diapazonunda olmasını hədəfləyin.

Şəkillərin ölçüsünü dəyişmək üçün kəsmə alətindən istifadə edin. Bu, faylın ölçüsünü azaltmağa kömək edir, nəticədə daha yaxşı səhifə yükləmə sürəti olur. İstifadəniz üçün çoxlu alətlər var.

Şəkillərin sıxılması faylın ölçüsünü azaltmağa kömək edir. Ancaq çox sıxsanız, şəkli təhrif edə bilərsiniz. Şəkil keyfiyyətini saxlamaq istəyirsinizsə, aşağı sıxılma ideal ola bilər; lakin ölçüsünü əhəmiyyətli dərəcədə azaltmır.

Sıxılma növləri

Yuxarıda qeyd etdiyimiz iki anlayış var, itkisiz və itkili sıxılma.

  • İtkisiz sıxılma lazımsız metadatanı silməklə yanaşı şəkil keyfiyyətini qoruyur.
  • İtkili sıxılma bəzi elementlərdən xilas olmaqla faylın ölçüsünü azaldır. Bu, şəkil keyfiyyətini poza bilər. Bununla belə, fərqi görməyə bilərsiniz. Beləliklə, o, hələ də şəkilləri sıxışdırmaq üçün əla üsul ola bilər.

Düzgün şəkil redaktoru hansını müəyyənləşdirməyə kömək edəcək.sıxılma sizin üçün ən yaxşı işləyir.

4. Mobil ilk görüntünün optimallaşdırılması

Google mobil ilk sıralamaya keçdiyi üçün atdığınız hər bir addım mobildən əvvəl SEO strategiyasına əməl etməlidir. Şəkillər istənilən mobil cihazda istənilən masaüstü cihazda olduğu kimi görünməlidir. Böyük miqdarda internet trafiki bu cür cihazlar vasitəsilə gəlir.

Əgər istifadəçilər mobil cihazlardan istifadə edərkən yaxşı UX ilə məşğul deyillərsə, siz onları itirəcəksiniz.

Əvvəlcə mobil üçün şəkilləri optimallaşdırmağı düşünün. Kiçik ekranda yaxşı görünürsə, masaüstü və ya noutbukda fantastik görünəcək.

ASO Optimization by Abbi_Kerimov

5. Fayl adları və onların SEO-ya təsiri

Şəklin optimallaşdırılması sizdən faylları necə adlandırdığınıza da diqqət yetirməyi tələb edir. Etdiyiniz bütün hərəkətlər axtarış motorlarında görmə qabiliyyətini yaxşılaşdırmaq məqsədi daşımalıdır. Siz yüklədiyiniz və ya şəkil çəkdiyiniz zaman cihaz avtomatik olaraq ona fayl adı verəcək. Bu ad adətən təsadüfi kod və ya nömrələrdən ibarətdir. 2224444.jpg kimi görünə bilər.

Şəklin vebsaytınıza olduğu kimi yüklənməsi axtarış motorlarına qətiyyən kömək etməyəcək.

Hər şəklə təsviri etiketlər ayırmaqla veb brauzerlərin sizi tapmasını asanlaşdırın. Biznesiniz və ya saytınız haqqında məlumat verən müvafiq açar sözləri daxil edin.

6. Tənbəl yükləmədən istifadə etməyi düşünün

Şəkillərin tənbəl yüklənməsi adından da göründüyü kimidir. Əvəzinəbütün şəkil bir anda yüklənir, bir növ açılır. Onlayn ziyarətçi səhifəni aşağı sürüşdürdükcə şəkil yükləməyə davam edir.

Tənbəl yükləmə yalnız həmin anda müvafiq olanı ortaya qoyur. Siz heç bir lazımsız resursdan istifadə etməyəcəyiniz üçün bant genişliyinə qənaət edəcəksiniz.

Yüklənir... Dona tərəfindən

Son fikirlər

Veb performansı axtarış motorlarının istifadə etdiyi kritik sıralama faktorudur. Səhifə yükləmə sürəti aşağı olarsa, Google saytınızı cəzalandıracaq.

Bir çox faktorlar səhifə sürətini müəyyən edir və şəkil istifadə əmrləri ən yüksək mövqelərdən biridir. Şəkilləri optimallaşdırmasanız, veb performansınız pisləşəcək. Səhifələr yavaş yüklənəcək və istifadəçi təcrübəsi və əlaqə yaxşı olmayacaq.

Həmçinin bax: iPad-də necə çəkmək olar

Düzgün şəkil formatını seçin. Sonra, fayl ölçüsünü azaltmaq üçün ölçüsünü dəyişmək və sıxışdırmaq kimi üsullardan istifadə edin. Saytın performansını yoxlamaq üçün müntəzəm səhifə testləri və sayt auditləri planlaşdırın.




Rick Davis
Rick Davis
Rick Davis sənayedə 10 ildən çox təcrübəyə malik təcrübəli qrafik dizayner və vizual rəssamdır. O, kiçik startaplardan tutmuş böyük korporasiyalara qədər müxtəlif müştərilərlə işləmiş, onlara effektiv və təsirli vizuallar vasitəsilə dizayn məqsədlərinə çatmaqda və brendlərini yüksəltməkdə kömək etmişdir.Nyu-Yorkdakı Vizual İncəsənət Məktəbinin məzunu olan Rik yeni dizayn meyllərini və texnologiyalarını araşdırmaq və bu sahədə mümkün olanların sərhədlərini daim itələməyə həvəslidir. O, qrafik dizayn proqram təminatında dərin təcrübəyə malikdir və həmişə öz bilik və fikirlərini başqaları ilə bölüşməyə can atır.Dizayner kimi işinə əlavə olaraq, Rik həm də sadiq bir bloggerdir və qrafik dizayn proqram təminatı dünyasındakı ən son tendensiyaları və inkişafları işıqlandırmağa həsr edilmişdir. O hesab edir ki, məlumat və ideyaların paylaşılması güclü və canlı dizayn cəmiyyətini inkişaf etdirmək üçün açardır və həmişə onlayn olaraq digər dizaynerlər və kreativlərlə əlaqə yaratmağa can atır.İstər müştəri üçün yeni loqo dizayn edir, istər öz studiyasında ən son alətlər və texnika ilə sınaqdan keçirir, istərsə də informativ və cəlbedici bloq yazıları yazır, Rik həmişə mümkün olan ən yaxşı işi çatdırmağa və başqalarının dizayn məqsədlərinə çatmasına kömək etməyə sadiqdir.