Ekran boyutlar\u0131n\u0131n farkl\u0131l\u0131klar\u0131n\u0131n yan\u0131 s\u0131ra, mobil devrim e-posta b\u00fclteni tasar\u0131mc\u0131lar\u0131 i\u00e7in enteresan bir zorluk daha \u00e7\u0131kar\u0131yor: Y\u00fcksek DPI (dots per inch); yani y\u00fcksek \u00e7\u00f6z\u00fcn\u00fcrl\u00fckl\u00fc ekranlar.<\/p>\n
Genellikle, Retina ekranlar\u0131 olarak adland\u0131r\u0131lan bu ekranlar (bu terim Apple Pazarlama Makineleri taraf\u0131ndan \u00fcretilmi\u015ftir) e-posta kampanyalar\u0131n\u0131 geli\u015ftirecek g\u00fcce sahiptirler. E\u011fer buna sahip de\u011filseniz, abonelerinize daha m\u00fctevaz\u0131 bir e-posta deneyimi ya\u015fat\u0131rs\u0131n\u0131z.<\/p>\n
Bu yaz\u0131da, y\u00fcksek DPI ekranlar\u0131n\u0131n nas\u0131l \u00e7al\u0131\u015ft\u0131\u011f\u0131na ve bunun e-posta tasar\u0131mc\u0131lar\u0131 ve pazarlamac\u0131lar\u0131 i\u00e7in ne anlama geldi\u011fine bir g\u00f6z ataca\u011f\u0131z. Kendi kampanyalar\u0131n\u0131za, Retina ekranlar\u0131 nas\u0131l uygulayaca\u011f\u0131n\u0131z\u0131 g\u00f6rd\u00fckten sonra, Retina ekranlar\u0131 kullananlar i\u00e7in baz\u0131 \u00f6nemli hususlar\u0131 tart\u0131\u015farak \u00f6zetleyece\u011fiz.<\/p>\n
<\/p>\n
2010 y\u0131l\u0131nda, Apple iPhone4\u2019\u00fc piyasaya s\u00fcrd\u00fc. Di\u011fer donan\u0131m geli\u015fmelerinin yan\u0131nda, iPhone 4, Apple\u2019\u0131n Retina Ekran ad\u0131n\u0131 verdi\u011fi \u00f6zelli\u011fi de ta\u015f\u0131yordu. Apple\u2019\u0131n Retina Ekranl\u0131 iPhone 4\u2019\u00fc, t\u00fcketiciler i\u00e7in \u00fcretilen ilk y\u00fcksek \u00e7\u00f6z\u00fcn\u00fcrl\u00fckl\u00fc yani y\u00fcksek DPI\u2019l\u0131 cihazd\u0131. DPI, bir cihaz\u0131n ekran\u0131nda, bir in\u00e7lik alana s\u0131\u011fabilecek piksel say\u0131s\u0131na verilen k\u0131sa add\u0131r. DPI ne kadar y\u00fcksekse, g\u00f6r\u00fcnt\u00fc ve yaz\u0131lar da o kadar net ve ayr\u0131nt\u0131l\u0131d\u0131r.<\/p>\n
Apple\u2018\u0131n y\u00fcksek DPI g\u00f6r\u00fcnt\u00fclerine \u201cRetina ekran\u201d demesinin sebebi teorik olarak \u015fudur: DPI \u00f6yle y\u00fcksektir ki, insan g\u00f6z\u00fc art\u0131k pikselleri birbirinden ay\u0131rt edemez. Yani, \u2018Retina Ekran\u0131\u2019 Apple\u2019\u0131n bir marka ad\u0131yken, Retina terimi asl\u0131nda di\u011fer \u00fcreticilerin s\u0131kl\u0131kla y\u00fcksek DPI g\u00f6r\u00fcnt\u00fcs\u00fcn\u00fc tan\u0131mlad\u0131klar\u0131 bir terimdir. Yine ayn\u0131 \u015fekilde; a\u015fa\u011f\u0131da da g\u00f6rece\u011finiz \u00fczere, \u201cRetina\u201d y\u00fcksek DPI ekranlar\u0131 i\u00e7in en iyi \u015fekilde kullan\u0131lan g\u00f6r\u00fcnt\u00fclere at\u0131fta bulunur.<\/p>\n
Retina ekran\u0131 ilk defa yayg\u0131n olarak m\u00fc\u015fteriyle bulu\u015fturan Apple olmas\u0131na ra\u011fmen, di\u011fer cihaz \u00fcreticilerinin de bu kervana kat\u0131lmalar\u0131 uzun s\u00fcrmedi. Bir\u00e7ok \u015firket, telefon gibi daha k\u00fc\u00e7\u00fck cihazlarla ba\u015flasa da Retina ekranlar art\u0131k tabletlerde, diz\u00fcst\u00fc bilgisayarlarda, hatta Apple\u2019\u0131n muazzam 27 in\u00e7 Retina 5k iMac\u2019i gibi b\u00fcy\u00fck boy masa\u00fcst\u00fc bilgisayarlarda da bulunabiliyor.<\/p>\n
<\/p>\n
Donan\u0131m ve DPI hakk\u0131nda daha fazla \u015fey \u00f6\u011frenmek iyidir ho\u015ftur ama kendinizi \u015fu soruyu sorarken bulabilirsiniz:<\/p>\n
BUNUN E-POSTA PAZARLAMA \u0130LE NE \u0130LG\u0130S\u0130 VAR?<\/strong><\/span><\/p>\n G\u00fczel soru!<\/p>\n Pazarlamac\u0131lar olarak, markam\u0131z\u0131 olabilecek en iyi \u015fekilde g\u00f6stermek bizim i\u015fimizdir. Konu sat\u0131rlar\u0131, i\u00e7erik ve editoryal uyum\u2026 Bunlar\u0131n hepsi abonelere iyi g\u00f6z\u00fckmek i\u00e7in bir ara\u00e7t\u0131r; fakat ki\u015fileri e-posta kampanyalar\u0131na as\u0131l \u00e7eken \u015fey g\u00f6rsellerdir. E-postay\u0131 a\u00e7t\u0131ktan sonra, herhangi bir \u015feyi okumadan veya t\u0131klamadan \u00f6nce, g\u00f6zlerimiz tasar\u0131mlara ve g\u00f6r\u00fcnt\u00fclere tak\u0131l\u0131r. E\u011fer bu devirde y\u00fcksek DPI g\u00f6r\u00fcnt\u00fcleriniz yoksa, abonelerinizin size kar\u015f\u0131 umursamaz bir tav\u0131r tak\u0131nmalar\u0131 riskiyle kar\u015f\u0131 kar\u015f\u0131ya kal\u0131rs\u0131n\u0131z. Y\u00fcksek DPI g\u00f6r\u00fcnt\u00fclerinin \u00e7al\u0131\u015fma \u015fekli nedeniyle, iyile\u015ftirilmemi\u015f g\u00f6r\u00fcnt\u00fcler sonunda Retina ekranlar\u0131nda bulan\u0131k ve piksellerden ibaret g\u00f6r\u00fcn\u00fcr. \u0130\u015fte size bir \u00f6rnek:<\/p>\n Kullan\u0131c\u0131lar Retina ekranlar\u0131na al\u0131\u015ft\u0131k\u00e7a, metin ve g\u00f6r\u00fcnt\u00fclerin keskin ve net g\u00f6r\u00fcnmesini beklerler. E\u011fer g\u00f6r\u00fcnt\u00fclerinizi y\u00fcksek DPI ekranlar i\u00e7in iyile\u015ftirmiyorsan\u0131z, bu aboneler de\u011feri d\u00fc\u015f\u00fck bir e-posta g\u00f6recekler ki bu da markan\u0131za olan g\u00fcvenin e\u015fit derecede azalmas\u0131na yol a\u00e7abilir.<\/p>\n Sonu\u00e7ta yap\u0131lan i\u015f tamamen pazarlama ile ilgili. Konu bu kadar detay gibi g\u00f6r\u00fcnse de, \u00e7a\u011fa ayak uydurmayan markalar\u0131n itibar\u0131 da \u00e7ok y\u00fcksek olamaz.<\/p>\n <\/p>\n Retina ekranlar i\u00e7in g\u00f6r\u00fcnt\u00fcleri nas\u0131l tam olarak iyile\u015ftirebilirsiniz? Asl\u0131na bakarsan\u0131z cevap olduk\u00e7a basit.<\/p>\n Kabaca s\u00f6ylemek gerekirse, y\u00fcksek DPI ekranlar\u0131n, geleneksel emsallerine g\u00f6re her in\u00e7\u2019e d\u00fc\u015fen piksel say\u0131s\u0131 iki kat daha fazlad\u0131r. Bu y\u00fczden, g\u00f6r\u00fcnt\u00fclerimizin b\u00f6yle ekranlarda g\u00fczel g\u00f6r\u00fcnmesini istiyorsak, g\u00f6r\u00fcnt\u00fcn\u00fcn 2 kat b\u00fcy\u00fcmesi gerek. B\u00f6ylece, g\u00f6r\u00fcnt\u00fcler e-postada k\u00fc\u00e7\u00fclt\u00fcld\u00fc\u011f\u00fcnde, Retina ekranlar\u0131nda daha fazla piksel g\u00f6r\u00fcnt\u00fclenir.<\/p>\n Bir \u00f6rnek ele alal\u0131m:<\/p>\n Bu \u00f6rnek e-postam\u0131zda en \u00fcstte INBOX\u00a0logosu bulunmaktad\u0131r. HTML kodlamas\u0131 kullanarak, bu logo 130×48 piksellik bir oranla boyutland\u0131r\u0131ld\u0131. E\u011fer biz logo g\u00f6r\u00fcnt\u00fcs\u00fcn\u00fc bu boyutta olu\u015fturup kaydedersek, aboneler Retina ekranlar\u0131nda a\u015fa\u011f\u0131daki gibi bulan\u0131k bir \u015fey g\u00f6r\u00fcrler:<\/p>\n Logoyu netle\u015ftirmek i\u00e7in, g\u00f6r\u00fcnt\u00fcy\u00fc sadece daha b\u00fcy\u00fck bir boyutta olu\u015ftururuz. Bu durumda, logo dosyas\u0131 276×102 pikseldir. Ancak, ama\u00e7lanan ekran boyutunun en az iki kat\u0131 olan bir \u015feye ihtiyac\u0131m\u0131z vard\u0131r. O y\u00fczden, HTML\u2019imizde orijinal olan\u0131, yani ama\u00e7lanan geni\u015flik ve y\u00fckseklikte ekran boyutuna uygun b\u00fcy\u00fck resmi a\u015fa\u011f\u0131ya \u00f6l\u00e7eklendiririz.<\/p>\n Y\u00fcksek DPI ekranlar\u0131nda net, g\u00fczel ve Retina g\u00f6r\u00fcnt\u00fcler elde ederiz.<\/p>\n <\/p>\n Geni\u015flik ve y\u00fckseklik \u00f6zelliklerine g\u00f6re belirlenmi\u015f boyutlara ra\u011fmen, Microsoft Outlook\u2019un baz\u0131 s\u00fcr\u00fcmleri hala Retina g\u00f6r\u00fcnt\u00fclerini tam boyutlu olarak g\u00f6steriyor. Bu i\u015fi \u00e7\u00f6zmek i\u00e7in, g\u00f6r\u00fcnt\u00fcn\u00fcn bi\u00e7im \u00f6zelliklerine bir maksimum geni\u015flik kural\u0131 ekleyebilirsiniz.<\/p>\n A\u015fa\u011f\u0131daki \u00f6rnekte, t\u00fcm e-posta istemcileri \u00fczerinde \u00e7al\u0131\u015fan Retina g\u00f6r\u00fcnt\u00fc elde etmek i\u00e7in, geni\u015flik \u00f6zelli\u011fini (y\u00fckseklik \u00f6zelli\u011fi yok) ve maksimum geni\u015fli\u011fi kullan\u0131r\u0131z.<\/p>\n Geni\u015flik bi\u00e7iminin %100\u2019e kadar ayarland\u0131\u011f\u0131n\u0131 fark edeceksiniz. Bu, farkl\u0131 ekran boyutlar\u0131nda g\u00f6r\u00fcnt\u00fc vermek i\u00e7in kullan\u0131lan pratik bir numarad\u0131r. Daha b\u00fcy\u00fck ekranlarda, maksimum geni\u015flik kural\u0131 resim boyutunu k\u0131s\u0131tlamak i\u00e7in zorlayacakken daha k\u00fc\u00e7\u00fck ekranlarda, ekran\u0131n veya kap geni\u015fli\u011finin %100\u2019\u00fc dolacak.<\/p>\n <\/p>\n Evet, Retina g\u00f6r\u00fcnt\u00fclerini arka plan olarak kullanabilirsiniz.\u00a0 Uygulamas\u0131 biraz daha karma\u015f\u0131k olsa da, ilkeleri ayn\u0131d\u0131r. Dikkat \u00e7ekilmesi gereken en \u00f6nemli \u015fey, bunun her yerde \u00e7al\u0131\u015fmad\u0131\u011f\u0131d\u0131r.<\/p>\n Retina arka plan g\u00f6r\u00fcnt\u00fcleri i\u00e7in, arkaplan HTML \u00f6zelli\u011fi yerine arkaplan CSS \u00f6zelli\u011fini kullanman\u0131z gerekir.<\/p>\n Arka plan, hem \u201cshorthand property\u201d \u00a0hem de Gmail ve Android istemcilerindeki baz\u0131 tuhafl\u0131klar\u0131n\u0131 hesaba katmak i\u00e7in CSS\u2019nin arka plan \u00f6zelliklerini kullanarak ayarlan\u0131r.<\/p>\n <\/p>\n Resimlerinizin boyutunu iki kat\u0131na \u00e7\u0131karmak, resimlerinizin Retina ekranlarda g\u00fczel g\u00f6r\u00fcnmesini sa\u011flar; fakat bu tekni\u011fin de baz\u0131 eksik taraflar\u0131 vard\u0131r.<\/p>\n Mobil veri kullan\u0131m \u00fccretleri konumunuza ve a\u011f ba\u011flant\u0131s\u0131na ba\u011fl\u0131 olarak pahal\u0131 ve yava\u015f olabilmektedir. E\u011fer bir g\u00f6r\u00fcnt\u00fcn\u00fcn boyutlar\u0131n\u0131 b\u00fcy\u00fct\u00fcrseniz, haliyle dosya boyutu da b\u00fcy\u00fcr. Bu artan boyut, hem veri kullan\u0131m\u0131 artt\u0131r\u0131r hem de e-postan\u0131n yava\u015f y\u00fcklenmesine neden olur. Her iki sorun da b\u00fcy\u00fckt\u00fcr ve hi\u00e7 de dostane olmayan bir kullan\u0131c\u0131 deneyimi olu\u015fturur.<\/p>\n \u015eunu da s\u00f6ylemek gerekir ki; her kampanyada Retina g\u00f6r\u00fcnt\u00fclere ihtiya\u00e7 olmaz. E\u011fer kampanyan\u0131zda ger\u00e7ek boyutu b\u00fcy\u00fck olan \u00e7ok fazla resim kullan\u0131yorsan\u0131z, Retina olmayan resimler size daha \u00e7ok yard\u0131mc\u0131 olabilir; \u00e7\u00fcnk\u00fc kampanyan\u0131zdaki resimlerinizin indirilmesi h\u0131zl\u0131 olacakt\u0131r.<\/p>\n E\u011fer Retina g\u00f6r\u00fcnt\u00fcleri kullanman\u0131z gerekiyorsa, \u015fi\u015fmi\u015f dosya boyutlar\u0131ndan ka\u00e7\u0131nmaya yard\u0131mc\u0131 olmak i\u00e7in iki teknik vard\u0131r:<\/p>\n Binicisi ve karma\u015f\u0131k olan\u0131, \u2018\u015f\u0131k\u0131\u015ft\u0131r\u0131lm\u0131\u015f g\u00f6r\u00fcnt\u00fcler\u2019 kullanmakt\u0131r. Bunlar b\u00fcy\u00fck boyutlarda kaydedilmi\u015f ancak \u00e7ok d\u00fc\u015f\u00fck kalite ayarlar\u0131 olan resimlerdir. \u00c7o\u011fu resim d\u00fczenleme program\u0131, sizin resimlerin kaydedilece\u011fi kaliteyi ayarlaman\u0131za izin verir. Photoshop\u2019ta \u00f6rne\u011fin, basit bir kayd\u0131r\u0131c\u0131 kullanarak JPEG kalitesini ayarlayabilirsiniz. S\u0131k\u0131\u015ft\u0131rma g\u00f6r\u00fcnt\u00fcs\u00fc olu\u015fturmak i\u00e7in, g\u00f6r\u00fcnt\u00fcy\u00fc istenilen boyutun 4 kat\u0131na yak\u0131n bir boyutta tasarlay\u0131n ve son derece d\u00fc\u015f\u00fck kalitede kaydedin. Resim boyutu tam g\u00f6r\u00fcnt\u00fclendi\u011finde k\u00f6t\u00fc g\u00f6r\u00fcnmesine kar\u015f\u0131n, bir e-postada istenilen boyuta k\u00fc\u00e7\u00fclt\u00fcld\u00fckten sonra g\u00f6rsel sorunsuz g\u00f6r\u00fcnt\u00fclenir.<\/p>\n Dosya boyutlar\u0131n\u0131 kontrol alt\u0131na tutman\u0131n ikinci bir yolu, resimlerinizi kaydettikten sonra daha da s\u0131k\u0131la\u015ft\u0131rmak i\u00e7in \u00f6zel bir program kullanmakt\u0131r. Olu\u015fturulduktan sonra, resimleri i\u015fleyip s\u0131k\u0131\u015ft\u0131rman\u0131za izin veren her i\u015fletim sistemi i\u00e7in bir\u00e7o\u011fu \u00fccretsiz olan uygulamalar mevcuttur.<\/p>\n Bunlardan favorilerimiz olanlardan baz\u0131lar\u0131: ImageOptim, JPEGmini, TinyPNG, Compressor.io, Kraken, and Pied Piper. \u00c7o\u011fu durumda, resimlerinizi programa s\u00fcr\u00fckleyip b\u0131rakman\u0131z veya y\u00fcklemeniz yeterlidir. Onlar kendileri s\u0131k\u0131\u015ft\u0131r\u0131rlar. Ard\u0131ndan, haz\u0131r Retina kampanyalar\u0131na dahil etmek i\u00e7in, iyile\u015ftirilmi\u015f resimleri ESP veya sunucunuza y\u00fckleyebilirsiniz.<\/p>\n Son istatistiklere g\u00f6re, e-posta kullan\u0131m ve okuma al\u0131\u015fkanl\u0131klar\u0131 h\u0131zl\u0131 bir \u015fekilde mobil cihazlara kay\u0131yor. \u00d6yle ki, art\u0131k mobil cihazlardan e-posta eri\u015fimi di\u011fer t\u00fcm cihazlar\u0131 ciddi bir farkla geride b\u0131rakm\u0131\u015f durumda. Yani mobil \u00e7a\u011f \u00e7oktan ba\u015flad\u0131.<\/p>\n Y\u00fcksek DPI ekranl\u0131 aletlerin \u00fcretimindeki art\u0131\u015f trendi ile birle\u015fti\u011finde, e-posta kampanyalar\u0131nda Retina g\u00f6r\u00fcnt\u00fclere duyulan ihtiya\u00e7 apa\u00e7\u0131k. Dosya boyutlar\u0131n\u0131 g\u00f6z \u00f6n\u00fcnde bulundurdu\u011funuz s\u00fcrece, Retina g\u00f6r\u00fcnt\u00fcleri de dahil olmak \u00fczere, herhangi bir kampanyan\u0131n yat\u0131r\u0131m getirisini artt\u0131rmak art\u0131k olduk\u00e7a kolay.<\/p>\n Art\u0131k bulan\u0131k grafikler hakk\u0131nda endi\u015felenmeyi b\u0131rak\u0131n ve Retina g\u00f6r\u00fcnt\u00fcleri ile \u00e7a\u011fa ayak uydurmaya ba\u015flay\u0131n!<\/p>\n <\/p>\n","protected":false},"excerpt":{"rendered":" Ekran boyutlar\u0131n\u0131n farkl\u0131l\u0131klar\u0131n\u0131n yan\u0131 s\u0131ra, mobil devrim e-posta b\u00fclteni tasar\u0131mc\u0131lar\u0131 i\u00e7in enteresan bir zorluk daha \u00e7\u0131kar\u0131yor: Y\u00fcksek DPI (dots per inch); yani y\u00fcksek \u00e7\u00f6z\u00fcn\u00fcrl\u00fckl\u00fc ekranlar. Genellikle, Retina ekranlar\u0131 olarak adland\u0131r\u0131lan bu ekranlar (bu terim Apple Pazarlama Makineleri taraf\u0131ndan \u00fcretilmi\u015ftir) e-posta kampanyalar\u0131n\u0131 geli\u015ftirecek g\u00fcce sahiptirler. E\u011fer buna sahip de\u011filseniz, abonelerinize daha m\u00fctevaz\u0131 bir e-posta deneyimi ya\u015fat\u0131rs\u0131n\u0131z. […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-7777","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/useinbox.com\/tr\/blog\/wp-json\/wp\/v2\/posts\/7777"}],"collection":[{"href":"https:\/\/useinbox.com\/tr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/useinbox.com\/tr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/useinbox.com\/tr\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/useinbox.com\/tr\/blog\/wp-json\/wp\/v2\/comments?post=7777"}],"version-history":[{"count":0,"href":"https:\/\/useinbox.com\/tr\/blog\/wp-json\/wp\/v2\/posts\/7777\/revisions"}],"wp:attachment":[{"href":"https:\/\/useinbox.com\/tr\/blog\/wp-json\/wp\/v2\/media?parent=7777"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/useinbox.com\/tr\/blog\/wp-json\/wp\/v2\/categories?post=7777"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/useinbox.com\/tr\/blog\/wp-json\/wp\/v2\/tags?post=7777"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}E-POSTALARDA RET\u0130NA G\u00d6R\u00dcNT\u00dc KULLANMA<\/strong><\/span><\/h4>\n
Retina G\u00f6r\u00fcnt\u00fcleri OUTLOOK\u2019ta kullanma<\/strong><\/span><\/h5>\n
ARKA PLAN G\u00d6R\u00dcNT\u00dcLER\u0130 RETINA OLAB\u0130L\u0130R M\u0130?<\/strong><\/span><\/h4>\n
D\u0130KKAT ED\u0130LMES\u0130 GEREKEN BAZI NOKTALAR<\/strong><\/span><\/h4>\n
RETINA D\u00dcNYASI<\/strong><\/span><\/h4>\n