脺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 翱谤补苍濒补谤谋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.
翱谤补苍濒补谤谋
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!
