PNG-dən WEBP-yə

1. Giriş

PNG-dən WebP-yə Çevirici PNG şəkillərini müasir WebP formatına çevirən, eyni zamanda şəkil keyfiyyətini və sıxılma səviyyəsini idarə etməyə imkan verən sürətli, brauzer əsaslı bir vasitədir. Vizual keyfiyyəti əhəmiyyətli dərəcədə itirmədən fayl ölçüsünü azaltmaq istəyirsinizsə, bu alət sadə və səmərəli həll təqdim edir.

PNG faylları yüksək keyfiyyətli qrafika və şəffaf şəkillər üçün geniş istifadə olunur, lakin onların fayl ölçüsü böyük ola bilər. WebP isə üstün sıxılma və performans təmin etmək üçün hazırlanmışdır və bu səbəbdən veb saytlar, tətbiqlər və rəqəmsal məhsullar üçün idealdır. PNG-ni WebP formatına çevirməklə bant genişliyi istifadəsini azalda, səhifə yüklənmə sürətini yaxşılaşdıra və istifadəçi təcrübəsini artıra bilərsiniz.

Bu alət tamamilə brauzerinizdə işləyir, yəni şəkilləriniz serverə yüklənmədən lokal olaraq emal edilir. Bu, veb tərtibatçıları, dizaynerlər, bloqçular, marketoloqlar və şəkilləri daha sürətli yüklənmə və daha yaxşı SEO performansı üçün optimallaşdırmaq istəyən hər kəs üçün mükəmməldir.

2. Necə işləyir

Bu alət brauzer daxilində şəkil emalından istifadə edərək PNG şəklini WebP formatına çevirir. Təhlükəsiz və səmərəli çevirmə üçün FileReader və HTML5 Canvas kimi müasir brauzer API-lərinə əsaslanır.

Giriş Parametrləri

• Şəkil (Məcburi) – .png uzantılı fayl yükləməlisiniz. Digər fayl növləri qəbul edilmir.
• Keyfiyyət (Məcburi) – Nəticədə əldə edilən WebP şəklinin sıxılma səviyyəsini idarə edən 1 ilə 100 arasında ədədi dəyər.
  • 1 = Maksimum sıxılma (daha kiçik fayl, daha aşağı keyfiyyət)
  • 100 = Minimum sıxılma (daha böyük fayl, daha yüksək keyfiyyət)

Çevirmə Prosesi

PNG şəkli seçdiyiniz zaman alət faylı FileReader vasitəsilə oxuyur və onu Base64 məlumat URL-inə çevirir. Daha sonra şəkil təbii enini və hündürlüyünü əldə etmək üçün HTML şəkil obyektinə yüklənir. Orijinal təsvir ölçüsünü qorumaq üçün eyni ölçülərə malik canvas elementi yaradılır.

Şəkil canvas üzərinə çəkilir və daha sonra canvas göstərilən keyfiyyət ayarı ilə image/webp formatında yeni şəkil yaradır. Nəticədə alınan WebP şəkli dərhal önizləmə kimi göstərilir və endirmək üçün hazır olur.

Yoxlama Qaydaları

• Yalnız .png faylları qəbul edilir.
• Keyfiyyət 1 ilə 100 arasında rəqəm olmalıdır.
• Çevirmədən əvvəl bir şəkil faylı seçilməlidir.

Çıxış Formatı

• Format: WebP (.webp)
• Təsvir ölçüsü: Orijinal PNG ilə eyni
• Sıxılma: Seçilmiş keyfiyyət dəyərinə əsasən
• Önizləmə: Brauzerdə dərhal göstərilir

Məhdudiyyətlər

• Yalnız PNG faylları çevrilə bilər.
• Çox böyük şəkillər brauzerin yaddaşından əhəmiyyətli dərəcədə istifadə edə bilər.
• Şəffaflıq dəstəklənir, lakin aşağı keyfiyyət səviyyələrində sıxılma vizual aydınlığa təsir göstərə bilər.

3. Bu Alətdən Necə İstifadə Etmək Olar

1. Şəkil sahəsinə klikləyin və cihazınızdan PNG faylı seçin.
2. 1 ilə 100 arasında keyfiyyət dəyəri daxil edin.
3. Emal düyməsinə klikləyin (və ya çevirməni avtomatik başlatmaq üçün keyfiyyəti dəyişin).
4. Çevrilmiş WebP şəklinə dərhal önizləmədə baxın.
5. WebP faylını cihazınıza saxlamaq üçün Endir düyməsinə klikləyin.

4. Praktiki Nümunələr

Nümunə 1: Veb Sayt Şəkillərinin Optimallaşdırılması

Giriş:

• Fayl: banner.png (1920×1080)
• Keyfiyyət: 80

Çıxış:

• Fayl: result.webp
• Təsvir ölçüsü: 1920×1080
• Minimal vizual fərqlə daha kiçik fayl ölçüsü

Bu, kəskin görüntü keyfiyyətini qoruyaraq əsas səhifənin yüklənmə müddətini azaltmaq üçün idealdır.

Nümunə 2: Miniatür Şəkillər üçün Maksimum Sıxılma

Giriş:

• Fayl: product.png (800×800)
• Keyfiyyət: 40

Çıxış:

• Fayl: result.webp
• Təsvir ölçüsü: 800×800
• Əhəmiyyətli dərəcədə azaldılmış fayl ölçüsü

Kiçik ölçünün piksel səviyyəsində mükəmməl detallardan daha vacib olduğu məhsul siyahıları və ya qalereya miniatürləri üçün mükəmməldir.

5. Tərtibatçılar üçün İstifadə Ssenariləri

- Müştəri Tərəfində Şəkil Optimallaşdırılması

Bu məntiqi veb tətbiqlərinə inteqrasiya edərək istifadəçilərin yüklədiyi PNG şəkillərini serverinizə göndərməzdən əvvəl WebP formatına çevirə və bununla da yaddaş və bant genişliyi xərclərini azalda bilərsiniz.

- CMS Şəkil Sıxılması

Core Web Vitals və SEO performansını yaxşılaşdırmaq üçün məzmun idarəetmə sistemi daxilində bloq şəkillərini avtomatik olaraq WebP formatına çevirin.

- JavaScript İnteqrasiya Nümunəsi

const canvas = document.createElement('canvas');
const ctx = canvas.getContext('2d');
ctx.drawImage(image, 0, 0);
const webpData = canvas.toDataURL('image/webp', 0.85);

- Yükləmədən Əvvəl PHP Yoxlaması

if($_FILES['image']['type'] !== 'image/png') {
    die('Yalnız PNG fayllarına icazə verilir.');
}

Təhlükəsizlik və Yoxlama Mülahizələri

• Serverdə MIME növlərini həmişə yoxlayın.
• Yaddaş tükənməsinin qarşısını almaq üçün fayl ölçüsünü məhdudlaşdırın.
• Saxlamadan əvvəl fayl adlarını təmizləyin.
• Təhlükəsiz forma göndərişləri üçün CSRF qorunmasından istifadə edin.

6. Tez-tez Verilən Suallar

Bu PNG-dən WebP-yə çevirici nə edir?

Bu alət PNG şəklini birbaşa brauzerinizdə WebP formatına çevirir və sıxılma keyfiyyətini idarə etməyə imkan verir.

Bu alət şəkillərimi serverə yükləyirmi?

Xeyr. Çevirmə prosesi tamamilə brauzerinizdə HTML5 Canvas istifadə edilərək həyata keçirilir, buna görə də şəkilləriniz cihazınızda qalır.

Hansı keyfiyyət dəyərindən istifadə etməliyəm?

Əksər veb istifadəsi halları üçün 75 ilə 85 arasındakı dəyər şəkil aydınlığı ilə fayl ölçüsü arasında yaxşı balans təmin edir.

Şəklin təsvir ölçüsü dəyişəcəkmi?

Xeyr. Çıxış WebP şəkli orijinal PNG faylı ilə eyni en və hündürlüyü saxlayır.

Başqa fayl formatlarını çevirə bilərəmmi?

Xeyr. Bu alət yalnız PNG fayllarını WebP formatına çevirmək üçün qəbul edir.

WebP şəffaflığı dəstəkləyirmi?

Bəli. WebP PNG kimi şəffaflığı dəstəkləyir və bu səbəbdən loqolar və istifadəçi interfeysi qrafikləri üçün uyğundur.

WebP SEO üçün daha yaxşıdır?

Daha kiçik şəkil ölçüləri səhifənin yüklənmə sürətini yaxşılaşdıra bilər ki, bu da SEO performansına və istifadəçi təcrübəsinə müsbət təsir göstərə bilər.