HTML-i PNG-yə çevirmək

Q: PNG-nin fonu ağ əvəzinə şəffaf ola bilərmi?

Bəli. **Şəffaf fon** seçimini aktiv edin. Fon yalnız səhifənin özü fon rəngi təyin etmədiyi yerlərdə şəffaf görünür, ona görə body rəngi ağ olan sayt yenə ağ çıxacaq. Ayrıca HTML faylı kimi hazırlanmış tək komponent və ya nişan üçün ən yaxşı nəticə verir.

Q: Uzun səhifənin yalnız yuxarı hissəsinin şəklini necə almaq olar?

**Şəkillər** seçimini hər səhifəyə bir şəkil rejiminə keçirin və **Səhifələr** seçimini Birinci səhifə edin. Bütün uzunluq əvəzinə səhifə ölçüsündə ilk hissəni alacaqsınız. Sonra dəqiq çərçivəyə uyğun kəsmək üçün [şəkli kəsmək](/crop-image) alətindən istifadə edin.

Saxlanmış veb səhifəni, dashboard ixracını və ya komponent maketini PNG-yə çevirin: hər hərf və hər nazik xətt brauzerin çəkdiyi kimi qalır. Pəncərə enini seçin, maket də ona uyğunlaşacaq.

və ya DOC, DOCX, DOCM … faylları bura sürüşdürün ·

Hər fayl üçün maks. 95 MB· 20 fayla qədər· 30 dəqiqədən sonra silinir

Nəticə

Çevriləcək format

Təsvir imkanı

Şəkillər

Fayllar serverlərimizdə emal olunur və 30 dəqiqədən sonra silinir.

Bu alətdən necə istifadə etməli

1
HTML faylını əlavə edin
Hər dəstdə ən çox 20 olmaqla, hər biri 95 MB-dan çox olmayan .html, .htm və ya .mhtml faylları yükləyin. Tək MHTML faylı kimi saxlanmış səhifə şəkillərini və üslublarını öz daxilində daşıyır.
2
Pəncərə enini təyin edin
HTML səhifə eni 1280 px ilə başlayır. Telefon düzəni üçün 390 px, geniş idarə paneli üçün 1920 px seçin. Çevriləcək format artıq PNG-dir, Şəkillər isə bir uzun şəkildir.
3
PNG-yə çevirin
Convert to PNG düyməsinə basın. Səhifənin öz fon rəngi yoxdursa və şəkil başqa dizaynın üzərinə qoyulacaqsa, Əlavə ayarlar bölməsində Şəffaf fon seçimini aktiv edin.

Cavab

HTML-i PNG-yə necə çevirmək olar?

Burada .html və ya .mhtml faylını yükləyin, HTML səhifə eni dəyərini təqlid etmək istədiyiniz ekrana uyğun seçin və Convert to PNG düyməsinə basın. Bütün göstərilmiş səhifə bir itkisiz şəkil kimi qayıdır.

Mətn və xətlər aydın qalmalıdırsa, HTML-i PNG-yə çevirin

PNG 1996-cı ildən W3C Tövsiyəsidir və itkisiz sıxmadan istifadə edir, ona görə 14 px əsas mətnin hamarlanmış kənarları, bir piksellik cədvəl xətləri və sintaksis rənglənmiş kod toxunulmaz qalır. Developerlərin xəta hesabatlarına PNG əlavə etməsinin, dizaynerlərin isə baxışlarda onu paylaşmasının səbəbi budur: bulanıq kənarın CSS problemi, yoxsa sıxma artefaktı olduğunu heç kim düşünməli olmur.

Bunun qiyməti həcmdir. Mətn və düz rənglərdən ibarət səhifə yaxşı sıxılır, foto dolu səhifə isə yox. Görüntü həcmin dəqiq detaldan vacib olduğu çata və ya e-poçta gedirsə, JPG daha kiçik fayldır. Sənədləşdirmə, buraxılış qeydləri, idarə panelləri və üslub bələdçiləri üçün PNG daha etibarlı standartdır.

Düzəni en müəyyən edir. HTML-də sabit səhifə yoxdur: eyni fayl 1280 px-də üç sütunlu masaüstü dizaynı, 390 px-də isə tək sütunlu görünüş göstərir. Çevirici səhifəni daxil etdiyiniz HTML səhifə eni ilə, 320 ilə 3840 px arasında, düzür və ilk sətirdən altbilgiyə qədər çəkir.

Geniş yayılmış ekranlar üçün HTML-dən PNG-yə çevirmə enləri

195:422

390 × 844 px

Telefon

Bir çox yeni iPhone-un CSS görüntü sahəsi; mobil düzəni göstərir

41:59

820 × 1180 px

Planşet

Portret rejimində iPad Air; bir çox sayt keçid nöqtələrini buraya yaxın dəyişir

8:5

1280 × 800 px

Noutbuk

Bu çeviricidə standart en

16:9

1920 × 1080 px

Full HD monitor

Geniş idarə panelləri və admin panelləri

HTML

HyperText Markup Language

HTML vebin işarələmə dilidir, 1990-cı illərin əvvəlində Tim Berners-Lee tərəfindən təsvir edilib və indi WHATWG tərəfindən yaşayan standart kimi idarə olunur. HTML faylı başlıq, abzas, keçid, cədvəl, şəkil və formaları təsvir edir, üslub isə adətən CSS-dən gəlir. Hər brauzer onu göstərir, həmçinin e-poçt şablonlarında və saxlanmış veb səhifələrdə işlənir. Tək HTML faylı çox vaxt xarici şəkil və üslub cədvəllərindən asılıdır, ona görə tək köçürüldükdə pozulmuş görünə bilər.

Sıxılma: –
Şəffaflıq: –
Animasiya: –
İlk dəfə təqdim edilib: 1993 · Tim Berners-Lee; maintained by WHATWG

HTML konvertoru

PNG

Portable Network Graphics

PNG 1996-cı ildə PNG Development Group tərəfindən dərc edilmiş, sonradan W3C və ISO tərəfindən standartlaşdırılmış itkisiz raster formatdır. Hər pikseli dəqiq saxlayır, tam alfa şəffaflığını dəstəkləyir, mətni, kəskin kənarları və düz rəngləri artefaktsız emal edir. Bu dəqiqlik onu ekran görüntüləri, loqolar, ikonlar və interfeys qrafikası üçün ideal edir. Əvəzində ölçü böyükdür: PNG kimi saxlanmış fotolar eyni fotonun JPEG və ya WebP versiyasından çox vaxt bir neçə dəfə böyük olur. Bütün brauzerlər, əməliyyat sistemləri və redaktorlar PNG fayllarını açır.

Sıxılma: İtkisiz
Şəffaflıq: Bəli
Animasiya: Xeyr
İlk dəfə təqdim edilib: 1996 · PNG Development Group

PNG konvertoru

Səhifə əsasən mətn, kod, cədvəl və ya interfeys hissələrindən ibarət olanda PNG seçilir: itkisiz pikselləri incə xətləri və kiçik şrifti sənədləşdirmədə, xəta hesabatlarında və dizayn baxışlarında kəskin saxlayır, JPG artefaktları isə orada görünərdi.

HTML-i üslubları və şriftləri itirmədən PNG-yə çevirmək

Sadə .html faylı çox vaxt başqa yerdə saxlanan şeylərdən asılıdır: css qovluğundakı üslub faylı, əsas serverdəki şəkillər, şrift xidmətindən gələn şriftlər. Bunlar olmayanda səhifə standart şriftlə üslubsuz mətnə çevrilir. Chrome və ya Edge-də səhifəni Webpage, Single File kimi saxlamaq üslubları və şəkilləri birlikdə saxlayan .mhtml faylı yaradır, yükləmək üçün ən etibarlı variant budur.

Veb şriftlər də eyni qaydaya tabedir. @font-face ilə elan edilmiş şrift yalnız faylına çatmaq mümkün olduqda yüklənir; yalnız öz kompüterinizdə olan şrift oxşar şriftlə əvəzlənir. Dəqiq tipoqrafiya vacibdirsə, şrifti daxil edin və ya göndərməzdən əvvəl nəticəni yoxlayın.

Sabit en həftəlik hesabat görüntülərini yan-yana müqayisə etməyə də imkan verir. Nəticə çap üçün seçilə bilən mətn olaraq qalmalıdırsa, əvəzində HTML-i PDF-ə çevirmək formatından istifadə edin.

HTML-in PNG-yə çevrilməsi ilə bağlı suallar

HTML-i PNG-yə çevirmək öz brauzerimdə ekran şəkli çəkməkdən yaxşıdırmı?

Brauzerdən çəkilən ekran görüntüsü, tam səhifə çəkən alətdən istifadə etmədiyiniz halda, yalnız ekrana sığan hissəni tutur, eni isə pəncərənizin eni qədər olur. Burada eni özünüz rəqəmlə təyin edirsiniz, ona görə həftələr fərqi ilə çəkilmiş iki görüntü tam üst-üstə düşür və səhifə ilk sətirdən altbilgiyə qədər tam daxil olur.

Niyə PNG eyni səhifənin JPG variantından bir neçə dəfə böyükdür?

PNG hər pikseli itkisiz saxlayır. Mətn və düz rənglər bu üsulla yaxşı sıxılır, lakin fotolar, qradiyentlər və video posterləri sıxılmır, ona görə çoxlu foto olan açılış səhifəsi böyük PNG yarada bilər. Belə səhifələr üçün HTML-i JPG-yə çevirmək daha yüngül seçimdir; kod nümunələri, qrafiklər və interfeys üçün isə bulanıqlığa dəyməz.

PNG-nin fonu ağ əvəzinə şəffaf ola bilərmi?

Bəli. Şəffaf fon seçimini aktiv edin. Fon yalnız səhifənin özü fon rəngi təyin etmədiyi yerlərdə şəffaf görünür, ona görə body rəngi ağ olan sayt yenə ağ çıxacaq. Ayrıca HTML faylı kimi hazırlanmış tək komponent və ya nişan üçün ən yaxşı nəticə verir.

Çevirici səhifədəki JavaScript-i işə salırmı?

Səhifə açılanda skriptin yaratdığı məzmun görünə bilər, klik, sürüşdürmə və ya giriş gözləyən məzmun isə görünməyəcək. Qrafik və ya cədvəl yalnız əməliyyatdan sonra yaranırsa, səhifəni brauzerdə açın, yüklənməsini gözləyin və yükləmədən əvvəl tək fayl kimi saxlayın.

Uzun səhifənin yalnız yuxarı hissəsinin şəklini necə almaq olar?

Şəkillər seçimini hər səhifəyə bir şəkil rejiminə keçirin və Səhifələr seçimini Birinci səhifə edin. Bütün uzunluq əvəzinə səhifə ölçüsündə ilk hissəni alacaqsınız. Sonra dəqiq çərçivəyə uyğun kəsmək üçün şəkli kəsmək alətindən istifadə edin.