Görsel olarak çekici ve hızlı yüklenen bir web sitesi için doğru resim boyutunu seçmek çok önemlidir. Doğru boyutlandırılmış resimler kullanmak, içeriğinizin tüm cihazlarda net görünmesini sağlarken sayfa performansını da iyileştirir.
Bu kılavuz, Pixpa'daki farklı bölümler için önerilen resim boyutlarını özetleyerek, bozulma veya gereksiz ölçeklendirme olmadan mükemmel şekilde uyan resimler yüklemenize yardımcı olur. Bu yönergeleri izleyerek, tutarlı düzenler elde edebilir ve ziyaretçilerinize daha iyi bir görüntüleme deneyimi sunabilirsiniz.
Pixpa, orijinal en boy oranını korurken optimum görüntüleme ve performans sağlamak için görüntüleri otomatik olarak ölçeklendirir.
- Görseller, maksimum 2560 × 3840 piksel boyutlarındaki bir çerçeve içine sığacak şekilde yeniden boyutlandırılmıştır.
- Ne genişlik ne de yükseklik bu sınırları aşmayacaktır.
- Görüntünün yönüne bağlı olarak bir boyut daha küçük olabilir.
Ölçeklendirme Nasıl Çalışır:
- Görüntüler, her iki koşul da sağlanana kadar küçültülür:
- Genişlik 2560 pikselden az veya ona eşit.
- Yükseklik 3840 pikselden az veya ona eşit.
Önerilen boyutlar:
- Yatay yönlendirme için 2560 piksele kadar genişliğe sahip görseller kullanın.
- Dikey yönlendirme için 3840 piksele kadar yüksekliğe sahip görseller kullanın.
Bu makalede:
- Web Sitesi Galerileri için ideal resim boyutu
- Banner için ideal resim boyutu
- Öne Çıkan Görsel için ideal görsel boyutu
- Ürün resmi için ideal resim boyutu
- Blog yazısı görseli için ideal resim boyutu
- Sayfa oluşturucu parçacıklarındaki resim boyutları
- Sayfa oluşturucu Liste Öğelerindeki resim boyutları
- İstemci Galerileri için ideal görüntü boyutu
- Galeri uygulamaları için ideal resim boyutu
- Gif'ler için ideal boyut
- Görüntü kalitesi ve Sıkıştırma
- Görüntü renk profili
- Web sitesi resimleri için resim yeniden boyutlandırma
- Görüntü Keskinliği
- Toplu Görüntü işleme
Web Sitesi Galerileri için ideal resim boyutu
Galerilere %100 yüksek çözünürlüklü (her biri en fazla 50 MB boyutunda) görseller yüklemenizi öneririz . Görselleri yeniden boyutlandırıp, web sitesinin daha hızlı yüklenmesi için cihaz ve çözünürlüğe bağlı olarak en uygun boyutu otomatik olarak sunuyoruz.
Desteklenen web sitesi resim dosyası formatları JPG, JPEG, PNG ve GIF'tir.
Orijinal görsellerinizi web sitesi bölümünde saklamıyoruz . Pixpa, görsellerinizi otomatik olarak optimize ederek, orijinal en boy oranını koruyarak genişlikte 2560 piksel ve yükseklikte 3840 piksel maksimum boyuta sığacak şekilde düzenler. Daha büyük görseller yüklerseniz, genişlik 2560 pikseli, yükseklik ise 3840 pikseli aşmayacak şekilde uygun şekilde küçültülürler.
Görseller, orijinal en boy oranlarını koruyarak, genişlikte maksimum 2560 piksel ve yükseklikte 3840 piksel boyutuna sığacak şekilde otomatik olarak optimize edilir. Galeri ızgara düzenlerinde ise web sitesi görselleri, seçtiğiniz ızgara düzenine göre otomatik olarak oluşturulur.
En iyi performans için, web sitesi galerisi/sayfa galerisi başına izin verilen maksimum resim sayısı 500'dür . Sergilemek istediğiniz daha fazla resim varsa, birden fazla galeri oluşturmayı düşünün.
Banner için ideal resim boyutu
Sayfa başlığı veya kapak resmi, sayfanıza şıklık katar. Başlığı sayfanın üstüne veya altına ekleyebilirsiniz.
İdeal banner görsel boyutu 2000 piksel x 2000 piksel olmalıdır .
Banner için desteklenen resim dosyası formatları JPG, JPEG, PNG ve GIF'tir.
Öne Çıkan Görsel için ideal görsel boyutu
Sayfanın öne çıkan görseli , sosyal medyada paylaşım için kullanılır ve sayfa bir klasöre eklendiğinde de kullanılır. Küçük resim için %100 kalitede yüksek çözünürlüklü bir görsel yüklemenizi öneririz.
Öne çıkan görseller için desteklenen dosya formatları JPG, JPEG ve GIF'tir.
Öne çıkan görseller için önerilen görsel boyutu yoktur. Aynısını yükledikten sonra sistem resmi otomatik olarak yeniden boyutlandıracaktır.
Ürün resmi için ideal resim boyutu
Mağazanızda ürünlerinizi sergilemek için en fazla 200 adet ürün görseli ekleyebilirsiniz .
Desteklenen resim dosyası formatları JPG, JPEG ve PNG'dir.
İdeal ürün görselinin boyutu yaklaşık 1000 piksel x 1000 piksel olmalıdır.
Blog gönderisi resmi için ideal resim boyutu
Yüksek çözünürlüklü, %100 kalitede görseller yüklemenizi öneririz. Desteklenen web sitesi görsel dosya formatları JPG, JPEG, PNG ve GIF'tir.
Blog yazılarımızda orijinal görsellerinizi saklamıyoruz.
Bir blog yazısı görseli için ideal boyut 1200 pikseldir . Daha büyük boyutlu görseller yüklerseniz, genişliklerini 1200 piksele düşürüyoruz.
En iyi performans için, her blog yazısı galerisinde izin verilen maksimum resim sayısı 500'dür.
Sayfa oluşturucu parçacıklarındaki resim boyutları
Sürükle bırak sayfa oluşturucumuzda çeşitli görsel tabanlı içerik parçacıkları bulunmaktadır . İdeal boyutlar aşağıdaki gibidir.
Büyük boyutlu resimlerin boyutu otomatik olarak aşağıdaki boyutlara küçültülür, böylece resimlerinizi bu şekilde kırpmanıza gerek kalmaz. Desteklenen dosya biçimleri JPG, JPEG ve PNG'dir.
- Arka Plan Görüntülerini Engelle – 2560 piksel genişlik kullanın
- Tek Görsel snippet'i – 2560 piksel genişlik kullanın
- 2 sütun Resim snippet'i – 1200 piksel genişlik kullanın
- 3 sütun Resim snippet'i – 750 piksel genişlik kullanın
- 4 sütun Resim snippet'i – 500 piksel genişlik kullanın
Desteklenen maksimum resim yüksekliği 3840 pikseldir . Desteklenen boyutlardan daha büyük resimler yüklerseniz, orijinal en boy oranı korunarak otomatik olarak küçültülecektir.
Sayfa oluşturucu Liste Öğelerindeki resim boyutları
Sayfa oluşturucuda, resim listeleri ve referanslar gibi dinamik liste öğeleri bulunur; bu öğelere resimleri siz yüklersiniz.
Bu tür bölümlerde görüntü boyutları, eklediğiniz sütun sayısına bağlı olacaktır.
- Tek Görsel Listesi – 2560 piksel genişlik kullanın
- 2 sütunlu Resim Listesi – 1200 piksel genişlik kullanın
- 3 sütunlu Resim Listesi – 750 piksel genişlik kullanın
- 4 sütun ve daha küçük Görüntü Listeleri – 500 piksel genişlik kullanın
Desteklenen maksimum resim dosyası boyutu 20 MB'tır.
İstemci Galerileri için ideal görüntü boyutu
Müşteri Galerileri söz konusu olduğunda , orijinal dosyalarınızı kaydediyoruz.
Basic planda 3 GB, Creator planda 5 GB, Professional planda 25 GB ve Advanced planda ise orijinal dosyalarınızı kaydetmek için (çevrimiçi teslimat için) 100 GB alan bulunmaktadır.
Daha fazla alana ihtiyacınız varsa, İstemci Galerileri eklentisi web sitesi planına.
Şu seçenekler arasından seçim yapabileceksiniz: 20 GB'tan sınırsız bulut depolama alanına kadar Orijinal görselleriniz için, isteğiniz doğrultusunda.
Ayrıca bakınız: Orijinal dosyalar için ayrılan alan ne anlama geliyor?
Yüksek çözünürlüklü, %100 orijinal görseller (her biri en fazla 100 MB boyutunda) yüklemenizi öneririz. Orijinal dosyalarınıza dokunmuyoruz; sipariş tamamlandığında dosyalar güvenli bir bağlantı üzerinden doğrudan müşteriye teslim edilecektir. Görsellerinizi nasıl satabileceğinizi görün .
Web sitenizdeki orijinal dosyaları sergilemek için kullanılacak orijinal görüntüyü kullanarak birden çok web boyutunda sürümler oluşturuyoruz. Sistem, orijinal dosyalarınızdan oluşturulan web boyutundaki resimlerinize de sıkıştırma ayarları uygular.
En iyi performans için, bir albüm içindeki Müşteri galerisi başına izin verilen maksimum resim sayısı 1000'dir . Sergilemek istediğiniz daha fazla resim varsa, birden fazla galeri oluşturmayı düşünün.
Müşteri Galerileri altındaki dijital olarak indirilebilir görseller için Pixpa, orijinal boyut indirme seçeneğine ek olarak aşağıdaki üç çözünürlük seçeneğini sunmaktadır :
-
Büyük : 2560 piksel
-
Orta : 1200 piksel
-
Küçük : 600 piksel
Galeri uygulamaları için ideal resim boyutu
Galeri Uygulamaları, müşterileriniz için kişiselleştirilmiş mobil galeri uygulamaları oluşturmanıza ve bunları mobil cihazlarına yüklemelerine olanak tanır.
Mobil galeriler için, daha küçük resimler yeterli olduğundan, önerilen resim boyutu genişlik olarak 640 pikseldir.
Gif'ler için ideal boyut
Pixpa stüdyosunda gif ekliyorsanız, gif hem genişlik hem de yükseklik olarak 2560 pikselden az olmalıdır.
Ayrıca GIF'teki kare sayısı en fazla 60 olmalıdır.
Görüntü kalitesi ve Sıkıştırma
Görüntü sıkıştırma, web sitenizin yükleme hızını etkileyen görüntü kalitesi ve dosya boyutu arasında doğru dengeyi bulmanıza yardımcı olur. İdeal sıkıştırma değeri %75'tir (yüksek kalite). Bu değerde yapılan herhangi bir değişiklik, bu değişiklik yapıldıktan sonra yüklenen görüntülere uygulanır.
Yüklediğiniz tüm web sitesi görsellerine %75'lik standart görüntü sıkıştırması uyguladığımız için %100 kalitede JPEG dosyaları yüklemenizi öneririz; ancak görüntü sıkıştırmasını Ayarlar sayfasından kolayca yönetebilirsiniz . Daha yüksek bir değer, görüntü boyutunu artırır ve daha iyi kalite sağlar. Daha düşük bir değer ise dosya boyutları daha küçük olduğu için sitenizin daha hızlı yüklenmesini sağlar.
Görüntü renk profili
Eklemek gerekirse, web sitenizin Görüntülerinin standart tarayıcı oluşturma renk profili olan bir sRGB renk profilinde olduğundan emin olun ve 72 dpi, neredeyse tüm tarayıcı ekranları için fazlasıyla yeterli olacaktır.
Ayrıca bakınız: En iyi sonuçları almak için görsellerinizin renk profilini hazırlama.
Web sitesi resimleri için resim yeniden boyutlandırma
Photoshop'ta görsellerin boyutunu değiştirmek için Görüntü -> Görüntü Boyutu'na gidin. Web için çözünürlüğü 72 dpi olarak ayarlamalı ve boyutlar için 2560 piksel genişlik kullanmalısınız.
Görüntü Keskinliği
Görüntülerinizi yeniden boyutlandırdıktan sonra, yeniden boyutlandırma her zaman bir miktar bulanıklığa neden olduğundan , Keskinleştirme Maskesi filtresini kullanmak isteyebilirsiniz . Photoshop'ta Keskinleştirme Maskesi filtresine Filtre -> Keskinleştir -> Keskinleştirme Maskesi yolunu izleyerek ulaşabilirsiniz .
Toplu Görüntü işleme
Döndürülecek, yeniden boyutlandırılacak veya keskinleştirilecek birkaç görüntünüz varsa, bir eylemi kaydedebilir ve bu adımları her Görüntü için tekrarlamadan bir görüntü klasörünün tamamını işlemek için toplu iş komutunu kullanabilirsiniz.
Veya siz de kullanabilirsiniz üçüncü taraf yazılımı resimlerinizi toplu olarak yeniden boyutlandırmak için.