Dil: TR
Ücretsiz başla

Webflow ürün görselleri, yüklenecek kadar hafif.

Webflow ürün görselleri için piksel boyutu belirlemez; sınırı her dosyanın boyutu üzerindedir. Ürün stüdyosu ürünün tek bir fotoğrafını alır, onu bir stüdyo zeminine ya da stillenmiş bir sahneye yerleştirir ve 2K ya da 4K olarak teslim eder. 2K bir PNG Webflow'un izin verdiğinden ağır olabilir; bu yüzden Webflow mağazası için daha güvenli dosya JPG indirmesidir.

Mermer blok üzerinde altın telkâri parfüm şişesi · Ürün stüdyosu
Kaynak fotoğraf: Ürün fotoğrafı. Herofab ile üretildi · Ürün stüdyosu
Bilinmesi gerekenler

Webflow'un sınırlarını çizdiği yerler.

  1. 1

    Piksel değil, dosya boyutu sınırı

    Dosya, boyut sınırının altında kaldığı sürece Webflow'a her ölçüde görsel yüklenebilir. Ayrıntılı bir sahnenin PNG'si ağırlaşır: 2K'da bu sınırı aşabilir, 4K bir dosya ise daha da büyüktür. Daha güvenli dosya JPG indirmesidir. Her dosyayı yüklemeden önce boyutuna bakın; sınırın kendisi bu sayfadaki tabloda yer alır.

  2. 2

    Main image ve More images

    Bir Webflow ürününün bir Main image alanı ve sınırlı sayıda ek görsel taşıyan bir More images alanı vardır. Ürün ve varyant görsel alanlarında SVG dosyalarına izin verilmez. Main image alanına en sade bütün görünümü verin; ek alanlar aynı kaynak fotoğraftan yapılmış başka açıları, stillenmiş bir sahneyi ve yakın bir detayı taşıyabilir.

  3. 3

    İçe aktarma dışında duyarlı varyantlar

    Webflow yeterince geniş bir görselden, satır içi JPG, PNG ve WebP görseller için bir dizi daha dar varyant üretir. CSV içe aktarma ya da API ile eklenen görseller bu varyantları almaz; Webflow bunların zaten doğru boyutta ve optimize edilmiş olması gerektiğini söyler. Bu yüzden içe aktarmayla getirilen bir kataloğun dosyaları önceden hazırlanmalıdır.

Dosya boyutu
Her görsel için en fazla 4 MB
Boyut
Dosya 4 MB sınırının altında olduğu sürece her boyutta görsel yüklenebilir; WebP görsellerde kenar uzunluğu sınırı 16.383 pikseldir
Formatlar
Yüklemek için en iyi görsel formatları olarak PNG, JPEG, SVG ve WebP gösterilir
İzin verilmeyenler
Ürün ve varyant görsel alanlarında SVG görseller ve hareketli AVIF dosyaları
Görsel sayısı
Bir üründe bir Main image alanı ve en fazla 25 görsel alabilen, More images adlı çoklu görsel alanı bulunur
Duyarlı görseller
3.200 pikselden geniş bir görsel için Webflow 3.200, 2.600, 2.000, 1.600, 1.080, 800 ve 500 pikselde 7 varyant oluşturur; varyantlar satır içi JPG, PNG ve WebP görseller için üretilir
CSV ve API içe aktarımları
CSV içe aktarımı ya da API ile eklenen görseller için duyarlı varyant oluşturulmaz; bu nedenle bu görseller önceden doğru boyutta ve optimize edilmiş olmalıdır
WebP ve AVIF
JPEG ve PNG dosyaları yerleşik dönüştürme aracıyla WebP ya da AVIF'e dönüştürülebilir; dönüştürme kayıplıdır ve orijinal dosyanın yerini alır
Alternatif metin
Çoklu görsel alanındaki her görsel dahil her görsel için alternatif metin ayarlanabilir; Webflow AI bunu JPG, PNG, GIF, WebP ve AVIF için üretebilir
Dosya adları
Dosya uzantısı dahil 100 karakter ya da daha kısa dosya adları
Kaynak fotoğraf

Webflow ürün sayfasının arkasındaki fotoğraf.

  • Ürünün tamamının bir fotoğrafını ve en ince parçasının (bir kilit, bir kadran ya da dikili bir etiket) yakın bir fotoğrafını çekin; More images alanında ana görselin yanında bir detay görünümüne yer vardır.
  • Ürünün her kenarını çevresinde boşlukla görüntünün içinde tutun; kadrajın kestiği bir bölüm, sonradan hangi sahne seçilirse seçilsin, aslına uygun biçimde eklenemez.
  • Ürün elinizdeyken adını, malzemesini ve rengini not edin: Webflow, More images alanındakiler dahil her görsel için alt metin girilmesine izin verir.

Dosya boyutu sınırı, içe aktarma yolları ve eksik boyut sürümleri

Bir ürün görselindeki tek kesin sayı dosya boyutudur ve ayrıntılı bir PNG bu sınırı kolayca aşar; azami değerin üzerindeki bir dosyaya piksel boyutu yardımcı olmaz. Ürün ve varyant görsel alanları SVG dosyalarını da reddeder; hareketli AVIF dosyalarına da izin verilmez.

Görselin izlediği yol da önemlidir. CSV içe aktarması ya da API ile eklenen görseller duyarlı boyut sürümleri almaz; bu yüzden satır içi bir görselin aldığı küçük sürümler olmadan sunulur. Büyük bir yakınlaştırma görünümü için hazırlanmış bir dosya, önceden boyutlandırılıp optimize edilmediyse küçük ekranlara tam boyutunda ulaşır.

Main image, More images ve detay konumları

Main image alanı en net bütün görünümü alır; Ürün stüdyosu bunu bir stüdyo zemininde ya da bir sahnede, kare ya da dikey olarak teslim eder. More images alanı geri kalanını tutar: aynı kaynaktan yarım profil, yandan ve üstten görünümler, mermer ya da ahşap üzerinde bir sahne ve bir kadranın ya da tokanın Detay çekimi yakın çekimleri.

Çoklu görsel alanındaki her görsel kendi alternatif metnini taşıyabilir; bu metin elle yazılır ya da JPG, PNG, GIF, WebP ve AVIF dosyaları için platformun yapay zekâ özelliğiyle üretilir. Herofab indirmeleri PNG ya da JPG'dir; bu yüzden iki yol da açıktır ve bir yakın çekim gösterdiği parçayı tam olarak adlandırabilir.

Sıkıştırıcı hazır ayarı ve 4K genişlik eşiği

Yedi duyarlı boyut sürümünün tam seti, belirtilen bir genişlikten geniş görseller için tanımlanır. Kare 4K çıktı bu eşikten geniştir, kare 2K çıktı değildir. Bu yüzden 4K bir görsel boyutların tam merdivenini alır; ancak dosyası daha ağırdır, bu nedenle yüklenecek dosya JPG indirmesi ya da sıkıştırılmış bir kopyadır.

Ücretsiz sıkıştırıcının hazır ayarı, önce kaliteyi, yalnız gerektiğinde piksel boyutunu düşürerek bir JPG'yi dosya boyutu sınırının altında kaydeder; kurallarda asgari piksel boyutu olmadığından özgün genişliğin dörtte birine inmeden durur. Yazdığı yeni dosya Herofab görsellerine gömülen yapay zekâ işaretini düşürür. CSV ya da API ile içe aktarmalarda düzenin gerektirdiği boyutu sipariş edin.

Sorular

Webflow için ürün fotoğrafları: sorular ve yanıtlar.

Webflow mağazasına PNG mi, JPG mi girmeli?

Çoğu durumda JPG. Webflow her görsel dosyasının boyutunu sınırlar ve Herofab'ın 2K bir PNG'si bu sınırdan ağır olabilir; aynı görselin JPG'si ise daha hafiftir. PNG ve JPEG, Webflow'un yükleme için belirttiği formatlar arasındadır. PNG isteniyorsa önce boyutuna bakılmalıdır; ücretsiz görsel boyutu kontrol aracı bir dosyayı tarayıcıda Webflow'un yayımladığı sınıra göre test eder.

Webflow'un dönüştürme aracı Herofab görsellerinde kullanılabilir mi?

Webflow'un yerleşik aracı JPEG ve PNG varlıklarını WebP ya da AVIF'e dönüştürür. Webflow dönüştürmeyi kayıplı olarak tanımlar ve özgün dosyanın yerini aldığını söyler. Dönüştürmeden önce Herofab'dan indirilen dosyayı ana kopya olarak Webflow dışında saklayın ve dönüştürme bittikten sonra üründeki ince yazılara bakın.

Bir Webflow ürünü kaç görsel alır?

Main image alanında bir tane ve More images alanında belirli sayıda daha; sayı bu sayfadaki tabloda yer alır. Ürün stüdyosu ürünü önden, yarım profilden, yandan ya da üstten, sade bir zeminde ya da bir sahnede, hepsini tek bir kaynak fotoğraftan gösterebilir. Eklenen her görsel, boyut sınırının altında kalması gereken bir dosya daha demektir ve her biri kendi alt metnini taşıyabilir.

4K bir ürün görseli duyarlı boyut sürümleri alır mı?

Satır içi görsel olarak yüklenir ve belirtilen eşikten genişse evet: kare 4K çıktı eşiği aşar ve listelenen en küçük genişliğe kadar yedi sürüm alır. CSV içe aktarması ya da API ile eklenen görseller ise genişlikleri ne olursa olsun hiç sürüm almaz.

Ürün görseli dosya adı ne kadar uzun olabilir?

Dosya uzantısı dahil yüz karakter ya da daha az. İndirilen bir görsel yüklemeden önce ürün, renk ve görünüm gibi kısa bir kalıpla yeniden adlandırılabilir; bu, adları Assets panelinde okunur ve sınırın içinde tutar.

Maliyeti nedir?

Görsel başına 4 kredi, 4K için bir kredi daha. ABD doları cinsinden görsel başına $0,16–$0,48; en büyük plandan en küçük kredi paketine kadar vergi öncesi. Maliyet üretimden önce gösterilir; iş başarısız olursa krediler iade edilir. Kayıtta verilen 20 ücretsiz kredi, bu araçla 5 görsel üretmeye yeter.

Ürüne göre örnekler
Başlayın

Yeni koleksiyonunuz, bu hafta çekilmiş olsun.

Kayıtta 20 kredi, kart gerekmez. Ücretsiz kredilerle üretilen görseller filigran taşır.