?rün resimleri, mü?teriler web sitenizi ziyaret etti?inde anla?man?n imzalanmas?na yard?mc? olur. ?lgilerini korumak i?in h?zl? yüklenen ?ekici foto?raflar?n?z olmal?d?r. Ba?ka bir deyi?le, ürün g?rsellerinizi optimize etmeniz gerekiyor.
En uygun g?rüntü boyutunu nas?l bulaca??n?z?, g?rüntüleri nas?l s?k??t?raca??n?z? ve kaliteyi kaybetmeden g?rüntüleri nas?l optimize edece?inizi merak ediyor olabilirsiniz.
Seni koruduk. Bu yaz?m?zda konuya giriyoruz
Neden G?rüntüleri Optimize Etmeniz Gerekiyor?
G?rseller her web sitesinin ?nemli bir par?as?d?r. Bu ?zellikle bir e-ticaret sitesi i?in ge?erlidir. Resimler, bir ?ey sat?n almay? dü?ündüklerinde mü?terileri etkiler. Web sayfas?n?n genel tasar?m?na katk?da bulunur, mü?terilerin bir ürün se?mesine yard?mc? olur ve sitenizin SEO'sunu geli?tirir.
?rne?in, büyük dosyalar? yüklemekten ka??nmak istiyorsunuz. Arama motoru s?ralaman?z? etkileyen ve potansiyel mü?terileri uzakla?t?ran sayfan?z? yava?latabilirler. Kimse ?evrimi?i al??veri? yaparken bir sayfan?n yüklenmesini beklemek istemez. Bu yüzden ürün g?rsellerinizi optimize etmelisiniz.
G?rüntü Boyutlar?n? ve Oranlar?n? Anlama
Resimlerinizi optimize ederken nelere dikkat etmeniz gerekti?ini ??renelim.
Bir g?rüntünün boyutu ve boyutlar? ger?ekten ?nemlidir. Bu parametreler dosya boyutunu ve g?rüntünün farkl? cihazlarda g?rünümünü etkiler.
Boyut
Art?k ?a?d?r
Ancak, resimler ?ok büyük oldu?unda ?nternet i?in uygun de?ildir. ?zellikle telefonda yükleme h?z?n? yava?lat?rlar. Ziyaret?ilerinizin sab?rs?zlan?p ma?azan?zdan ayr?lmas?n? istemiyorsan?z foto?raflar?n?z?n boyutunu kü?ültmelisiniz.
Bir g?rüntünün iki boyutu vard?r:
- G?rüntü boyutu grafi?in ekranda kaplad??? aland?r. Bu boyut, ekran? olu?turan ayr? noktalar olan piksel (px) cinsinden ?l?ülür. 51视频 ma?azas?na herhangi bir boyuttaki resimleri yükleyebilirsiniz. Daha sonra taray?c? penceresinin geni?li?ine uyacak ?ekilde optimize edilirler. Yine de, ürün resimlerinizi yakla??k 1000 x 1000 piksele kü?ültmek en iyisidir. Bu boyut, ürünü sergilemek i?in yeterince büyük ve h?zl? bir ?ekilde yüklemek i?in yeterince kü?üktür.
- Dosya büyüklü?ü g?rüntünün kaplad??? haf?za alan?d?r. Bu boyut bayt cinsinden ?l?ülür, tipik olarak
Kilo- (KB),Mega- (Mb) ve Gigabayt (Gb). G?rüntünün dosya boyutu ne kadar büyük olursa, o kadar fazla depolama alan? gerektirir.
Bu ürün g?rselinin boyutu 1920×1920 ve dosya boyutu 272 kB'dir.
Daha büyük dosyalar?n yüklenmesi daha uzun sürer. Bu sorunla mücadele etmek i?in dosya s?k??t?rma yaz?l?m? geli?tirilmi?tir. Bir resim tipik olarak renk verileri optimize edilerek s?k??t?r?l?r.
Ancak gü?lü s?k??t?rma g?rüntülerin "kalitesini" dü?ürür. Gürültüye veya ani renk ge?i?ine neden olur.
Yakla??k 1000 piksellik bir dosya boyutu i?in, iyi bir s?k??t?rma yakla??k 200 kB alacakt?r.
?imdi resimleriniz i?in do?ru oranlar? nas?l se?ece?iniz hakk?nda daha fazla bilgi edelim.
Oranlar?
Bir g?rüntünün oranlar?,
Baz? oranlar g?ze di?erlerinden daha ho? gelir. Standart oranlar seti her zaman güzel g?rünür. Bunlar 1:1, 4:3, 3:2 ve 16:9'dur.
Sitenizin g?rünümünü tan?mlamaya yard?mc? olduklar? i?in oranlar ?nemlidir. Vitrininize yap?land?r?lm?? ve profesyonel bir g?rünüm kazand?rmak i?in tüm ürün g?rsellerinizde ayn? orant?lar? sa?lamaya ?al???n.
G?rüntü Format? Nas?l Se?ilir
Optimum g?rüntüleme i?in ak?lda tutulmas? gereken bir di?er ?ey de g?rüntü format?d?r. Bir g?rüntünün kaydedildi?i dosya türüdür.
Bir?ok g?rüntü format? türü vard?r. Her birinin kalite, s?k??t?rma ve destek a??s?ndan avantajlar? ve dezavantajlar? vard?r. En kü?ük boyutta en yüksek kaliteyi sa?layan format? se?melisiniz.
Web'deki en yayg?n ü? bi?im JPEG, PNG ve GIF'dir. Her biri belirli bir ?ekilde kullan?lmal?d?r.
Formatlar? ay?ral?m:
- GIF (Grafik De?i?im Bi?imi), s?k??t?r?lm?? verileri en fazla 256 renk kullanarak kalite kayb? olmadan depolayabilir. Bi?im genellikle animasyonlar? destekler. Uzun bir süre boyunca, GIF'ler ?nternetteki en yayg?n formatt?… PNG ortaya ??kana kadar.
- PNG (Ta??nabilir A? Grafikleri) kay?ps?z s?k??t?rma kullan?r ve s?n?rs?z say?da renk depolar.
- JPEG (Geli?tiricinin ad? olan Ortak Foto?raf Uzmanlar? Grubu), foto?raflar? ve di?er g?rüntüleri depolamak i?in en tipik bi?imdir. JPEG algoritmas? hem kay?pl? hem de kay?ps?z s?k??t?rmay? kullanabilir (daha sonra anlataca??z.) Dosya boyutu ne kadar büyükse kay?p o kadar kü?üktür.
Hangi format? se?melisiniz? Animasyonlu bir resminiz varsa, bu
JPEG ve PNG dosyalar? benzerdir, ancak ?nemli farkl?l?klar? da vard?r. JPEG'ler, baz? verileri kald?ran bir s?k??t?rma i?lemi kulland?klar? i?in boyut olarak daha kü?üktür. PNG'ler ise ?effaf arka planlar? destekler ve grafik tasar?m i?in daha iyidir.
Genel kural, ?effaf arka plan? olmayan foto?raflar ve g?rüntüler i?in JPG kullanmakt?r. PNG'ye gelince, bunlar? grafikler, ?effaf arka plana sahip dosyalar ve netlik ve renk canl?l???n?n ?nemli oldu?u di?er resimler i?in kullanmak daha iyidir. Bu nedenle, ürün foto?raflar? i?in JPEG yerine PNG'yi tercih etmek mant?kl?d?r.
Bu ürün foto?raf? JPEG format?ndad?r.
Kaliteyi Kaybetmeden G?rüntüleri S?k??t?rmak
S?k??t?rma, bir g?rüntünün boyutunu kü?ültmeye yard?mc? olur. Kalite ne kadar dü?ükse, s?k??t?rma o kadar yüksek ve dosya boyutu o kadar kü?ük olur.
?ki tür s?k??t?rma vard?r:
- Kay?pl? s?k??t?rma gereksiz verileri kald?rarak bir dosyan?n boyutunu kü?ültür. Ancak bir dosyay? bu ?ekilde s?k??t?rd???n?zda g?rüntü kalitesi ?nemli ?l?üde dü?ebilir.
- Kay?ps?z s?k??t?rma bir dosyan?n kalitesini yüksek tutan bir tekniktir. Ancak dosya boyutunu kay?pl? s?k??t?rma kadar azaltmaz. Kaliteyi belirgin bir ?ekilde etkilemeden dosya boyutunu azaltman?z gerekiyorsa, kay?ps?z s?k??t?rmay? se?mek daha iyidir.
Bir g?rüntüyü kalite kayb? olmadan s?k??t?rmak i?in kullanabilece?iniz ?evrimi?i ara?lar hakk?nda bilgi edinmek i?in okumaya devam edin.
Web i?in G?rseller Nas?l Optimize Edilir: Ara?lara Genel Bak??
Bir web sitesi i?in g?rüntüleri nas?l optimize edece?inizi ??renmek ister misiniz? ?ans?n?za, Photoshop e?itimlerini izleyerek saatler harcamadan g?rüntülerinizi otomatik olarak optimize etmek i?in ?evrimi?i ara?lar? kullan?yorsunuz.
A?a??daki siteler sizin i?in optimizasyonu otomatikle?tirebilir:
G?rüntü Boyutu Nas?l Optimize Edilir: 4 Basit Ara?
Bir dosya boyutu kü?ültücü ar?yorsan?z, a?a??daki hizmetlerden birine g?z at?n. Ya ücretsizdirler ya da ücretsiz denemeleri vard?r:
- : JPEG g?rüntülerinin dosya boyutunu kü?ültür. Sitelerine g?re, %70'den fazla azaltabilir!
- : ayn? resim s?k??t?r?c? ama PNG dosyalar? i?in.
- : ?e?itli bi?imler arac?l???yla g?rüntü boyutlar?n? kü?ülten bir g?rüntü s?k??t?r?c? web uygulamas?.
- : JPEG dosyalar? i?in bir foto?raf s?k??t?r?c?. Foto?raflar? do?rudan Lightroom ve Photoshop'tan d??a aktarma da dahil olmak üzere, foto?raf??lar i?in yararl? olan daha geli?mi? ?zelliklere sahiptir.
- : Mac cihazlar? i?in bir g?rüntü iyile?tirici. Kullanmak i?in indirmeniz gerekiyor.
JPEGmini ile g?rüntüleri optimize etme
Bir 51视频 ma?azas? i?letiyorsan?z, SEO h?z? ve g?rüntü iyile?tirici 51视频 App Market'ten uygulama. Uygulama ?unlar? sa?lar:
WordPress i?in G?rüntüler Nas?l Optimize Edilir
Bir WordPress web siteniz varsa, bir g?rüntü iyile?tirici ve s?k??t?rma eklentileri kullanabilirsiniz. WordPress sitelerindeki g?rüntüleri otomatik olarak optimize etmenize yard?mc? olarak daha iyi h?z ve performans sa?lar.
Bu arada, WordPress web siteniz i?in bir e-ticaret eklentisi ar?yorsan?z, buna g?z at?n . WordPress sitenize kolayca bir ?evrimi?i ma?aza eklemenizi sa?lar. Eklenti yüklendikten sonra otomatik olarak mü?terilerinizin web sitenizden al??veri? yapabilece?i bir Ma?aza sayfas? olu?turur.
EWWW Image Optimizer
web sitenizdeki foto?raflar? s?k??t?rmak ve g?rselleri optimize etmek i?in en iyi WordPress eklentilerinden biridir. G?rüntüleri optimize etme sürecinin tamam? otomatiktir. Buna, g?rüntülerin s?k??t?r?lmas? ve do?ru boyuttaki sayfaya ve cihaza s??acak ?ekilde ?l?eklendirilmesi de dahildir. Eklenti
JPEG ve PNG'yi s?k??t?r
halihaz?rda sundu?umuz hizmetlerin arkas?ndaki ekip taraf?ndan olu?turulan bir eklentidir
reSmush.it
5 MB'a kadar olan dosyalar i?in ücretsiz bir WordPress g?rüntü s?k??t?rma eklentisidir. Yükleme s?ras?nda resimleri otomatik olarak optimize edebilir, eski resimleri toplu olarak optimize edebilir ve baz? resimleri optimize ediciden hari? tutabilirsiniz.
Daha Otomatik G?rüntü Optimizasyon Ara?lar?
Peki ya bir WordPress web siteniz yoksa? ?ok say?da foto?raf? manuel olarak optimize etmek kesinlikle
ImageRecycle
JPEG, PNG, GIF ve hatta PDF dosyalar? gibi ?e?itli g?rüntü formatlar?n? destekler.
Ara?, web sitenizdeki hangi resimlerin, resim boyutuna ve boyutuna g?re optimize edilmesi gerekti?ini belirleyebilir. Sadece web sitenizin adresini girin ve ImageRecycle size e-posta yoluyla ücretsiz bir rapor g?nderecektir. Optimizasyon ara?lar?n? ?al???rken g?rebilmeniz i?in ücretsiz denemeleri de var.
ImageKit.io
normal bir g?rüntü s?k??t?r?c? de?il, bir g?rüntü CDN'sidir (i?erik da??t?m a??). Küresel sunucu a?? arac?l???yla g?rüntüleri optimize eder, yeniden boyutland?r?r ve g?nderir. Sonsuza kadar ücretsiz bir plana kaydolabilirsiniz.
?rün Resimlerini Düzenleme Ara?lar?
Resimleri kendiniz düzenlemekten ?ekinmiyorsan?z ve kü?ük bir DIY'den korkmuyorsan?z, foto?raf düzenleme ara?lar?n? faydal? bulabilirsiniz. Bunlardan baz?lar?:
Photoshop
Photoshop ücretsiz sunuyor temel g?rüntü i?leme i?in (g?rüntüleri k?rpma veya yeniden boyutland?rma gibi). Ayr?ca, resimlerden arka plan? kald?rman?za ve kontrast, parlakl?k, doygunluk, s?cakl?k veya keskinle?tirme gibi farkl? ayarlarla foto?raflar?n?za ince ayar yapman?za olanak tan?r.
?evrimi?i Photoshop düzenleyicide kullanabilece?iniz tasar?m ?ablonlar? bulunur
GIMP
Windows, Mac ve Linux i?in uygun ücretsiz bir programd?r. Katmanlar ve maskeler, renk düzeltme, r?tu? ve boyama ara?lar? da dahil olmak üzere profesyonel grafikler ve foto?raflar i?in ihtiyac?n?z olan her ?eyi sunar. GIMP, tüm büyük resim dosyas? formatlar?n? destekler.
PicMonkey
basit bir arayüze ve k?rpma, d?ndürme, keskinlik kontrolü, renklerle ?al??ma ve ??zünürlüklü foto?raflar? se?me gibi tüm temel i?levlere sahip ?evrimi?i bir düzenleyicidir. Reklamlar, sosyal payla??mlar, logolar, infografikler ve daha fazlas? i?in g?rseller olu?turmaya y?nelik ?ablonlar sa?lar. Bir
Pixlr
Yeni ba?layanlar ve profesyoneller i?in ücretsiz bir ?evrimi?i düzenleyici ve tasar?m kaynaklar? sunar. Renk, ?izim ve foto?raf düzenleme ara?lar?na sahiptir. Pixlr'da katmanlarla ?al???r, farkl? efektler ve filtreler kullan?rs?n?z. E?er ilgileniyorsan?z, yapabilirsiniz
G?rüntü Optimizasyonu hakk?nda daha fazla bilgi
Büyük resimler web sitenizi yava?latabilir, bu nedenle bunlar? web i?in optimize etmek ?nemlidir. Yeniden boyutland?rarak ve s?k??t?rarak resimleriniz i?in do?ru resim bi?imini bulmak, web sitenizin h?zl? yüklenmesi i?in harikalar yaratabilir.
Ve ?imdi iyi haberi biliyorsunuz: optimizasyonu yapmak ?ok kolay! Ayr?ca, ihtiya? duydu?unuzda geri d?nüp bu makaleye ba?vurabilirsiniz.
Daha ileri düzey bir kullan?c?ysan?z ve SEO i?in g?rsellerin nas?l optimize edilece?i hakk?nda daha fazla bilgi edinmek istiyorsan?z, Google'?n bu videosunu izlemenizi ?neririz. Bir web sitesi i?in resimlerinizi optimize etmeye y?nelik baz? geli?mi? ipu?lar?ndan ge?er. Buradan izleyin:
Bir e-ticaret sahibi olarak ne kadar deneyimli olursan?z olun, g?rsel optimizasyonunu asla unutmay?n. En basit ara?lar bile resimlerinizi web i?in uygun hale getirebilir. Resimlerinizi optimize ederek mü?terilerinizin al??veri? deneyimini büyük ?l?üde etkileyebilirsiniz. ?rün resimlerinizin hem güzel hem de h?zl? yüklendi?inden emin olun!
E-ticaret yolculu?unuzun henüz ba??ndaysan?z ve bir ?evrimi?i ma?aza olu?turman?z gerekiyorsa, kontrol edin Lightspeed taraf?ndan 51视频. Kendiniz bir ?evrimi?i ma?aza kurman?za olanak tan?r, kodlama veya tasar?m becerisi gerekmez. Mümkün olan en k?sa sürede ?evrimi?i sat??a ba?laman?z gerekiyorsa mükemmel!
