Keyfiyyətini itirmədən veb üçün şəkilləri necə asanlıqla optimallaşdırmaq olar)

WordPress-ə yükləməzdən əvvəl şəkillərinizin optimallaşdırılmasının veb saytınızın sürətinə böyük təsir göstərə biləcəyini bilirdinizmi?

Yeni blog açarkən, bir çox yeni başlayanlar sadəcə olaraq şəkilləri internet üçün optimallaşdırmadan yükləyirlər. Bu böyük şəkil faylları veb saytınızı yavaşlatır.

Siz bunu adi bloq işinizin bir hissəsi kimi təsvirin optimallaşdırılması üzrə ən yaxşı təcrübələrdən istifadə etməklə düzəldə bilərsiniz.

Bu məqalədə sizə necə optimallaşdırmağı göstərəcəyik. keyfiyyətini itirmədən daha sürətli veb performansı üçün şəkillərinizi. Biz həmçinin WordPress üçün həyatınızı asanlaşdıra biləcək avtomatik şəkil optimallaşdırma plaginlərini paylaşacağıq.

Bu, internet üçün təsvirin optimallaşdırılmasına dair hərtərəfli bələdçi olduğundan, biz izləmək üçün asan olan cədvəl yaratdıq. məzmun:

Şəkilin optimallaşdırılması nədir?

Şəkil optimallaşdırılması şəkillərin ən kiçik ölçüdə saxlanması və çatdırılması prosesidir. ümumi şəkil keyfiyyətini azaltmadan mümkün fayl ölçüsü.

Proses mürəkkəb səslənsə də, bu günlərdə bu, əslində olduqca asandır. Şəkil keyfiyyətində heç bir nəzərəçarpacaq itki olmadan şəkilləri avtomatik olaraq 80%-ə qədər sıxışdırmaq üçün çoxlu şəkil optimallaşdırma plaginlərindən və alətlərindən birini istifadə edə bilərsiniz.

Optimallaşdırılmış və optimallaşdırılmamış şəkil nümunəsi buradadır:

Gördüyünüz kimi, düzgün optimallaşdırıldıqda eyni görüntü keyfiyyət itkisi olmadan orijinaldan 80%-ə qədər kiçik ola bilər. Bu nümunədə şəkil 52%daha kiçikdir.

Şəkilin optimallaşdırılması necə işləyir?

Sadə dillə desək, təsvirin optimallaşdırılması sıxılma texnologiyasından istifadə etməklə işləyir.

Sıxılma "itkili" ola bilər. və ya 'itkisiz'.

İtkisiz sıxılma şəkil keyfiyyətini tamamilə itirmədən ümumi fayl ölçüsünü azaldır. İtkili sıxılma ilə keyfiyyətdə cüzi itki ola bilər, lakin ideal olaraq bu, ziyarətçiləriniz üçün nəzərə çarpmayacaq.

Şəkilləri optimallaşdırmaq nə deməkdir?

Ola bilsin, siz WordPress hostinq dəstəyinizdən və ya sürət test alətindən şəkilləri optimallaşdırmaq üçün tövsiyə almış ola bilərsiniz və nə etməli olduğunuzu maraqlandırırsınız.

Şəkillərinizin fayl ölçüsünü optimallaşdıraraq onları azaltmalı olacaqsınız. internet. Bunu addım-addım necə edəcəyinizi sizə göstərəcəyik.

Şəkil optimallaşdırmasının üstünlükləri nələrdir?

Şəkillərinizi optimallaşdırmağın bir çox üstünlükləri olsa da, ən yaxşıları bunlardır. bilməlisiniz:

• Daha sürətli veb sayt sürəti
• Təkmilləşdirilmiş SEO reytinqləri
• Satışlar və potensial müştərilər üçün daha yüksək ümumi dönüşüm nisbəti
• Daha az yaddaş və bant genişliyi (hostinq və CDN xərclərini azalda bilər)
• Daha sürətli veb-sayt ehtiyat nüsxələri (ehtiyat saxlama xərclərini azalda bilər)

Şəkillər veb-səhifədə videolardan sonra ikinci ən ağır elementdir . HTTP arxivinə əsasən, şəkillər orta veb səhifənin ümumi çəkisinin 42%-ni təşkil edir .

Sürətli veb saytların axtarış sistemlərində (SEO) daha yüksək yer tutduğunu bildiyimiz üçün vədaha yaxşı çevrilmələr üçün, təsvirin optimallaşdırılması hər bir biznes veb-saytının onlayn uğur qazanmaq istədikləri halda etməli olduğu bir şeydir.

İndi siz şəkil optimallaşdırmasının həqiqətən nə qədər böyük fərq yarada biləcəyi ilə maraqlana bilərsiniz.

Görəsən Strangeloop araşdırmasına görə, vebsaytın yüklənmə müddətində bir saniyəlik gecikmə sizə satışların 7%-nə, səhifələrə 11% daha az baxışa və müştəri məmnuniyyətinin 16% azalmasına səbəb ola bilər.

Əgər bunlar kifayət qədər səbəb deyilsə. veb saytınızı sürətləndirmək üçün bilməlisiniz ki, Google kimi axtarış motorları da daha sürətli yüklənən veb-saytlara üstünlüklü SEO müalicəsi verir.

Bu o deməkdir ki, şəkillərinizi internet üçün optimallaşdırmaqla siz həm veb saytın sürətini, həm də WordPress SEO reytinqini yüksəldin.

Video Təlimatı

Yazılı təlimatlara üstünlük verirsinizsə, sadəcə oxumağa davam edin.

Veb Performansı üçün Şəkilləri Necə Saxlamaq və Optimallaşdırmaq olar

Veb performansı üçün uğurlu təsvirin optimallaşdırılmasının açarı ən kiçik fayl ölçüsü ilə məqbul görüntü keyfiyyəti arasında mükəmməl tarazlığı tapmaqdır.

Şəkil optimallaşdırmasında böyük rol oynayan üç şey bunlardır:

• Şəkil fayl formatı (JPEG ilə PNG və GIF)
• Sıxılma (daha yüksək sıxılma = daha kiçik fayl ölçüsü)
• Şəkil ölçüləri (hündürlük və en)

Üçlüyün düzgün kombinasiyasını seçməklə siz şəklin ölçüsünü 80%-ə qədər kiçidə bilərsiniz.

Gəlin bunların hər birinə daha ətraflı nəzər salaq.

1.Şəkil Fayl Formatı

Əksər vebsayt sahibləri üçün həqiqətən vacib olan yalnız üç şəkil faylı formatı JPEG, PNG və GIF-dir. Düzgün fayl növünün seçilməsi təsvirin optimallaşdırılmasında mühüm rol oynayır.

İşləri sadə saxlamaq üçün siz çoxlu rəngli fotoşəkillər və ya şəkillər üçün JPEG, sadə və ya şəffaf şəkillər üçün PNG və animasiya şəkilləri üçün GIF-lərdən istifadə etmək istəyirsiniz. yalnız.

Hər bir fayl növü arasındakı fərqi bilməyənlər üçün PNG şəkil formatı sıxılmamışdır, yəni daha yüksək keyfiyyətli şəkildir. İşin mənfi tərəfi odur ki, fayl ölçüləri daha böyükdür.

Digər tərəfdən, JPEG sıxılmış fayl formatıdır və əhəmiyyətli dərəcədə kiçik fayl ölçüsünü təmin etmək üçün şəkil keyfiyyətini bir qədər azaldır.

GIF isə itkisiz sıxılma ilə yanaşı yalnız 256 rəngdən istifadə edir ki, bu da onu animasiyalı şəkillər üçün ən yaxşı seçim edir.

Aktivdir, biz təsvirin növünə görə hər üç şəkil formatından istifadə edirik.

2 . Sıxılma

Növbəti şey təsvirin optimallaşdırılmasında böyük rol oynayan təsvirin sıxılmasıdır.

Müxtəlif növ və şəkil sıxılma səviyyələri mövcuddur. Hər biri üçün parametrlər şəklin sıxılma alətindən asılı olaraq dəyişəcək.

Adobe Photoshop, ON1 Photo, GIMP, Affinity Photo və başqaları kimi şəkil redaktə alətlərinin çoxunda daxili təsvir sıxılma xüsusiyyətləri var.

Siz həmçinin şəkilləri normal şəkildə saxlaya və sonra TinyPNG və ya JPEGmini kimi veb alətindən istifadə edə bilərsinizşəkillərin daha asan sıxılması üçün.

Bununla yanaşı, bəzi əl səyləri tələb olunsa da, bu iki üsul sizə şəkilləri WordPress-ə yükləməzdən əvvəl sıxışdırmağa imkan verir və biz bunu edirik.

Həmçinin bir neçə üsul var. Optimole və EWWW Image Optimizer kimi məşhur WordPress plaginləri, ilk yüklədiyiniz zaman şəkilləri avtomatik sıxa bilir. Bu rahatdır və bir çox yeni başlayanlar və hətta böyük korporasiyalar bu şəkil optimallaşdırma plaginlərindən istifadə etməyi üstün tuturlar.

Biz məqalənin sonrakı hissəsində WordPress plaginlərindən istifadə haqqında ətraflı məlumat paylaşacağıq.

3. Şəklin Ölçüləri

Adətən, telefonunuzdan və ya rəqəmsal kameradan fotoşəkil idxal etdiyiniz zaman o, çox yüksək ayırdetmə keyfiyyətinə və böyük fayl ölçülərinə (hündürlük və en) malikdir.

Adətən, bu fotoşəkillər 300 DPI və 2000 pikseldən başlayan ölçülərə malikdir. Yüksək keyfiyyətli fotoşəkillər çap və ya masaüstü nəşrlər üçün uyğun olsa da, onların böyük ölçüləri onları vebsaytlar üçün yararsız edir.

Şəkil ölçülərini daha ağlabatan bir şeyə endirmək şəkil faylının ölçüsünü əhəmiyyətli dərəcədə azalda bilər. Siz sadəcə olaraq kompüterinizdə şəkil redaktə proqramından istifadə edərək şəkillərin ölçüsünü dəyişə bilərsiniz.

Məsələn, biz 300 DPI təsvir ölçüsünə və 4900×3200 piksel təsvir ölçülərinə malik fotonu optimallaşdırdıq. Orijinal fayl ölçüsü 1,8 MB idi.

Daha yüksək sıxılma üçün JPEG formatını seçdik və ölçüləri 1200×795 pikselə dəyişdik. Faylölçüsü cəmi 103 KB-a endirildi. Bu, orijinal fayl ölçüsündən 94% kiçikdir.

İndi siz təsvirin optimallaşdırılmasında üç mühüm amili bildiyiniz üçün veb sayt sahibləri üçün müxtəlif təsvir optimallaşdırma vasitələrinə nəzər salaq.

Ən yaxşı Şəkil Optimizasiyası Alətlər və Proqramlar

Daha əvvəl qeyd etdiyimiz kimi, şəkil redaktə proqramlarının əksəriyyəti təsvirin optimallaşdırılması və sıxılma parametrləri ilə təmin edilir.

Şəkil redaktə proqramından kənarda, bir neçə güclü pulsuz şəkil optimallaşdırma alətləri də var. şəkilləri veb üçün optimallaşdırmaq üçün istifadə edə bilər (bir neçə kliklə).

Şəklləri WordPress-ə yükləməzdən əvvəl onları optimallaşdırmaq üçün bu alətlərdən istifadə etməyi tövsiyə edirik, xüsusən də mükəmməllikçisinizsə.

Bu üsul WordPress hosting hesabınızda disk sahəsinə qənaət etməyə kömək edir və hər bir şəkli əl ilə nəzərdən keçirdiyiniz üçün o, ən sürətli təsvirə ən yaxşı keyfiyyətlə zəmanət verir.

Adobe Photoshop

Adobe Photoshop internet üçün daha kiçik fayl ölçüsü olan şəkilləri ixrac etməyə imkan verən premium şəkil redaktə proqramıdır.

İxrac dialoqundan istifadə edərək siz şəkil faylı formatını (JPG, PNG, GIF) seçə bilərsiniz. bu sizə ən kiçik fayl ölçüsünü verir.

Siz həmçinin faylın ölçüsünü daha da azaltmaq üçün şəkil keyfiyyətini, rəngləri və digər seçimləri azalda bilərsiniz.

GIMP

GIMP Adobe Photoshop-a pulsuz və açıq mənbəli alternativdir. Şəkillərinizi internet üçün optimallaşdırmaq üçün istifadə edilə bilər. Theİşin mənfi tərəfi ondan ibarətdir ki, ondan istifadə etmək bu siyahıdakı bəzi digər həllər kimi asan deyil.

Əvvəla, siz öz şəklinizi GIMP-də açmalı və sonra Fayl »Fərqli İxrac et... seçimini etməlisiniz. . Bu, faylınıza yeni ad verə biləcəyiniz Şəkil İxrac dialoq qutusunu gətirəcək. Daha sonra ‘İxrac’ düyməsini klikləməlisiniz.

İndi şəklin ixracı seçimlərini görəcəksiniz. JPEG faylları üçün sıxılma səviyyəsini seçmək və fayl ölçüsünü azaltmaq üçün "Keyfiyyət" slayderindən istifadə edə bilərsiniz.

Nəhayət, optimallaşdırılmış şəkil faylını saxlamaq üçün "İxrac et" düyməsini klikləməlisiniz.

TinyPNG

TinyPNG pulsuzdur PNG və JPEG fayllarınızın ölçüsünü azaltmaq üçün ağıllı itkili sıxılma texnikasından istifadə edən veb proqramı. Sizə lazım olan tək şey onların veb saytına daxil olmaq və sadə sürükləyib buraxmaqla şəkillərinizi yükləməkdir.

Onlar şəkli sıxıb sizə endirmə linki verəcəklər.

Onların da Adobe Photoshop üçün genişləndirmədir, şəkil redaktə prosesimizin bir hissəsi kimi istifadə edirik, çünki o, sizə Photoshop daxilindən TinyPNG-ə daxil olmaq imkanı verir.

Tərtibatçılar üçün onların şəkilləri avtomatik çevirmək üçün API-si var. Bundan əlavə, yeni başlayanlar üçün, sizin üçün bunu edəcək bir WordPress plagininə sahibdirlər. Bu barədə daha sonra danışacağıq.

JPEGmini

JPEGmini şəkillərin qəbul edilən keyfiyyətinə təsir etmədən onların ölçüsünü əhəmiyyətli dərəcədə azaldan itkisiz sıxılma texnologiyasından istifadə edir. Siz də edə bilərsinizorijinal və sıxılmış təsvirin keyfiyyətini müqayisə edin.

Siz onların veb versiyasını pulsuz istifadə edə və ya proqramı kompüteriniz üçün satın ala bilərsiniz. Onlar həmçinin serveriniz üçün prosesi avtomatlaşdırmaq üçün ödənişli API-yə malikdirlər.

ImageOptim

ImageOptim sizə şəkilləri tapmaqla keyfiyyətini itirmədən sıxmağa imkan verən Mac yardım proqramıdır. ən yaxşı sıxılma parametrləri və lazımsız rəng profillərinin silinməsi.

Bunun üçün Windows alternativi Trimage-dir.

WordPress üçün ən yaxşı şəkil optimallaşdırma plaginləri

Biz inanırıq ki, ən yaxşısı Şəkillərinizi optimallaşdırmağın yolu onları WordPress-ə yükləməzdən əvvəl bunu etməkdir. Bununla belə, əgər siz çoxmüəllifli sayt işlədirsinizsə və ya avtomatlaşdırılmış həllə ehtiyacınız varsa, o zaman WordPress şəkil sıxma plaginini sınaya bilərsiniz.

Budur bizim ən yaxşı WordPress şəkil sıxma plaginlərimizin siyahısı:

1. Optimole, ThemeIsle-in arxasında duran komanda tərəfindən məşhur plagin
2. EWWW Image Optimizer
3. JPEG, PNG & WebP Image Compression, yuxarıda adı çəkilən TinyPNG komandasının plaqini
4. Imagify, məşhur WP Rocket komandasının plaqini
5. ShortPixel Image Optimizer
6. Smush
7. reSmush.it

Bu WordPress təsviri optimallaşdırma plaginləri veb saytınızı sürətləndirməyə kömək edəcək.

Şəklin Optimizasiyası üçün Yekun Düşüncələr və Ən Yaxşı Təcrübələr

Əgər qənaət etmirsinizsə İnternet üçün optimallaşdırılmış şəkillər, onda siz indi bunu etməyə başlamalısınız. Nəhəng edəcəksaytınızın sürətindəki fərq və istifadəçiləriniz bunun üçün sizə təşəkkür edəcəklər.

Sözsüz ki, daha sürətli veb-saytlar SEO üçün əladır və ehtimal ki, axtarış motoru reytinqinizdə artım görəcəksiniz.

Şəklin optimallaşdırılmasından başqa, veb saytınızı sürətləndirməyə əhəmiyyətli dərəcədə kömək edəcək iki şey WordPress keş plaqindən istifadə etmək və WordPress CDN-dən istifadə etməkdir.

Alternativ olaraq, idarə olunan WordPress hosting şirkətindən istifadə edə bilərsiniz, çünki onlar tez-tez təklif edirlər. platformanın bir hissəsi kimi həm keşləmə, həm də CDN.

Ümid edirik ki, bu məqalə WordPress-də şəkillərinizi optimallaşdırmağı öyrənməyə kömək etdi. Siz həmçinin WordPress təhlükəsizliyinizi necə yaxşılaşdırmaq barədə bələdçimizi və ya biznes saytları üçün ən yaxşı WordPress plaginləri üçün ekspert seçimlərimizi görmək istəyə bilərsiniz.

Bu məqaləni bəyəndinizsə, lütfən, WordPress videosu üçün YouTube Kanalımıza abunə olun. dərsliklər. Siz bizi Twitter və Facebook-da da tapa bilərsiniz.