Xəbər 06 Apr 2026

Şəkil optimizasiyası: WebP, AVIF və lazy loading

Saytın 60-70% yükü şəkillərdən gəlir. Düzgün optimizasiya ilə bu rəqəmi 80% azalda bilərsiniz - sayt sürəti, SEO və mobil təcrübə əhəmiyyətli dərəcədə yüksəlir.

JPEG, PNG, WebP, AVIF müqayisəsi

JPEG

Şəkillər üçün ən köhnə standart - 1992-də. Lossy sıxılma. Foto üçün yaxşı, lakin köhnəlmiş.

PNG

Lossless. Logo və şəffaf elementlər üçün. JPEG-dən böyükdür - foto üçün uyğun deyil.

WebP

Google 2010-dan. JPEG-dən 30% kiçik, eyni keyfiyyət. Bütün modern brauzerlər dəstəkləyir.

AVIF

2019-dan. JPEG-dən 50% kiçik. Hələ də brauzer dəstəyi tam deyil (Safari 16+).

Şəkil ölçüsü düzgün seçin

Source ölçüsü

1920×1080 ekran üçün maksimum 1920px enli şəkil. 4000px şəkil yükləməyə ehtiyac yoxdur.

Retina (2x)

iPhone, Mac retina ekranlar üçün 2x ölçü təmin et: 1920 ekran üçün 3840px source.

Sıxılma keyfiyyəti

JPEG quality 80-85 ideal - 100-dən fərqi insan gözüylə görünmür, lakin 60% kiçilir.

WordPress plaginləri

Smush (pulsuz)

Avtomatik lossless sıxılma + WebP konversiya. Bulk optimize 50 şəkil saatda.

Imagify

Daha aggressive sıxılma + AVIF dəstəyi. Pulsuz versiya aylıq 20 MB.

ShortPixel

Cəmi paket - WebP + AVIF + lazy loading + CDN. Aylıq 100 şəkil pulsuz.

Lazy loading

Native lazy loading

HTML-də <img loading="lazy"> - brauzer yalnız scroll edəndə yükləyir. WordPress 5.5+ default aktiv.

Üstünlüklər

Initial load 50% azalır - mobil cihazlarda və yavaş internetdə kritikdir.

Responsive images

srcset atributu

Brauzer ekran ölçüsünə uyğun şəkil seçir:

<img src="img-800.webp"
     srcset="img-400.webp 400w,
             img-800.webp 800w,
             img-1600.webp 1600w"
     sizes="(max-width: 600px) 400px, 800px">

CDN ilə şəkil sürətləndirmək

Cloudflare Polish

Pro plan ($20/ay) - şəkilləri edge-də avtomatik WebP-ə çevirir.

Cloudflare Mirage

Mobil cihaz üçün şəkilləri yavaş-yavaş yükləyir.

Bütün şəkilləri toplu çevirmək

cwebp komand sətri

find . -name "*.jpg" -exec cwebp -q 85 {} -o {}.webp \;

WordPress server-side

.htaccess-də Apache şəkil tələbini WebP-ə yönəldə bilir - brauzer dəstəkləyirsə.

Şəkillərə alt text əlavə et

SEO və əlçatanlıq üçün vacibdir. WordPress media library-də hər şəkilə təsvirli alt yazın.

Hostinq.az-da hazır optimizasiya

Cloudflare Polish istifadəyə hazır. Hostinq.az saytlarda Imagify plagini quraşdırılır - bütün şəkillər avtomatik optimallaşır.

Hostinq.az hosting - şəkil optimizasiyası 5 dəqiqədə qurulur.

Paylaş: