Yeni bir projemde tasarımı Photoshopta hazırladıktan sonra kesip biçip html de kullanmak üzere biçimlendirdim. İlk yaptığım iş gövde arkaplanını (body background) yerleştirmek oldu. Hazırladığım imaj daki resimden 1 piksel genişliğinde ve 100 piksel yüksekliğinde kestim ve style dosyası içerisine background: #6d9099 url(../images/isletmeler/bodyBg.png) repeat-x scroll top left; şeklinde ekledim. Deneme amaçlı sayfayı açtığımda karşıma bambaşka bir renk çıktı. Daha önce çok fazla kullanmıştım photoshop u ama bu tür bir sorunla karşılaşmamıştım.
Sizlerin de gördüğü üzere psd dosyam maviye yakın bir renk ama "Save For Web"i seçtiğimde output olarak yeşile yakın bir renk veriyordu. Kısa bir araştırmadan sonra çözümün renk ayarları (color settings) ile ilgili olduğunu öğrendim.
Bu işlemi gerçekleştirmek için Edit menüsünden Color Settings i seçmeniz gerekiyor ve rgb ayarını Monitor RGB olarak seçmeniz gerekiyor. Bu işlemi yaptıktan sonra çalışmanızı kaydedip, photoshop u kapatıp tekrar açın. Sizlere renk ayarları ile ilgili bir uyarı verecek ve siz Çalışmanız ile ilgili olan seçeneği seçin.
Daha sonra Save For Web i seçtikten sonra orada yer alan sRGB check ini kaldırıp o şekilde export edin.
Tags: photoshop, cs4, farklı renk, tarayıcı, firefox, internet explorer, web atsarımı