Web tasarımı için Photoshop Renk Ayarları


9

Web tasarımı için Photoshop'ta hangi renk profili ayarları kullanılmalıdır? Monitör kalibrasyon efekti web görüntüleri için tasarruf sağlıyor mu?

Monitörünüzü bir renkölçer ile kalibre edilmiş halde tutuyorum ve renklerimin tüm büyük tarayıcılarda acros olduğundan emin olmak istiyorum.

Kalibre edilmiş monitör profilimi çalışma alanım için kullanıyorum, renk yönetimi kapalı ve web'e kaydetmek için bir profil yerleştiremiyorum ve mümkün olduğunca .png 24 kullanmaya çalışıyorum. Bu en iyi yöntem mi?

Renk ayarları

resim açıklamasını buraya girin

Web için kaydet

resim açıklamasını buraya girin


1
Olası ek soru noktası - Web'in sizin kullanım durumunuz olduğunu açıklarken, başkalarının CMYK resimlerini ara sıra düzenlemeniz gerektiğinde yukarıdaki ayarlar 'güvenli' midir?
e100

İyi bir nokta. Çok fazla baskı veya CMYK deneyimim yok, bu yüzden bilmem.
Chris_O

Yanıtlar:


5

"Rahatsız etme", "zaman kaybı" veya "fuggedaboudit" ile kalifiye olmadıkça "Renk Yönetimi" ve "web geliştirme" asla aynı cümlede kullanılmamalıdır. Çim biçme yakalayıcının ana hatlarıyla belirtilen nedenleri doğrudur. İki monitörün aynı renkleri görüntülediği bir ofis (grafik tasarım stüdyosu dışında) görmedim. Ev bilgisayarları en az kötü.

Öncelikle web üzerinde çalışıyorsanız, sRGB varsayılanınız olmalıdır , çünkü bu İnternet için standarttır ve tüm kullanıcı aracılarının (tarayıcıların) görüntülemek için oluşturulduğu şeydir.

Web siteleri için görüntülere renk profili gömmeyin. Resme boyut eklerler, ancak yararlı bilgiler eklemezler, böylece tek yapmanız gereken sayfalarınızı ağırlaştırmaktır. Web'den ve Aygıtlar için Photoshop'tan kaydettiğinizde, "Renk Profilini Göm" seçeneğinin işaretini kaldırdığınızdan emin olun. Güvenlik önlemi olarak, "sRGB'ye Dönüştür" seçeneğini işaretli tutun (başka bir renk uzayında bulunan bir görüntüyle uğraşıyorsanız ve dönüştürmeyi unutursanız).

Diğer sorularınızı cevaplamak için: Monitör kalibrasyonu SfW görüntülerini etkilemez, ancak profilin görüntünün renk profili olarak kullanılması dışında (hiçbir zaman veya hiçbir zaman kişisel masaüstü duvar kağıdı dışında herhangi bir amaçla yapmamalısınız).

PNG-24, saydamlığı olan görüntüler için kullanışlıdır. Saydamlık yoksa, jpeg genellikle aynı görüntü kalitesi ve daha az renk içeren basit görüntüler için ve özellikle sert kenarları varsa (logolar klasik örnektir) .gif genellikle en iyi seçimdir.


7

Büyük sorun şu ki, renkleri kalibre etmek ve seçmek için çok zaman harcayacaksınız ve özen göstereceksiniz (sizin için iyi!) Ve büyük olasılıkla renkleri bile çalışamayan insanlar tarafından görülecektir. Monitörlerinde "Parlaklık" düğmeleri. (Tasarım dışı) arkadaşlarımın iki ekranı var ve hiçbiri birbiriyle eşleşmiyor. Yani, "Müvekkilimin talep ettiği bu kırmızı rengin, yaptığım özenli kalibrasyona dayanarak daima doğru görünmesinin bir yolu var mı? cevap ne yazık ki olacak:

Hayır.

Ancak (ve bu oldukça büyük ama) aldığınız tüm özen önemlidir. Tutarlı bir profil tutarak tüm sayfalarınız / renkleriniz aynı monitörde aynı görünür. Herkesin aynı monitörü kullanmadığını unutmayın, bu yüzden her zaman aynı görünmeyecektir.

Bir profil gömülmezse, bir tarayıcının geçerli profili geçersiz kılması için kapıyı tamamen açık bırakabilir. Büyük tarayıcıların renk işlemeyi kabul etmesini sağlayabiliyorsanız, muhtemelen sizin için bir çeşit Nobel ödülü var.

Uzun lafın kısası, evet - aldığınız tüm özen önemlidir ve kullandığınız ayarlar iyidir (kişisel olarak biraz daha genel bir RGB profili ararım). Ancak, tasarımınız makinenizden ayrıldıktan ve bilinmeyen web kullanıcılarının büyük dünyasına girdiğinde, yalnızca o kadar çok kontrolünüz olacak.


Çok faydalı teşekkürler! Sanırım en büyük endişem, Photoshop'ta # 172550 rengi olarak oluşturduğum bir grafiği kullanırsam, CSS'deki # 172550'nin herhangi bir monitördeki grafikle eşleşmesidir.
Chris_O

web uyumlu renklerle de çalışabilirsiniz
Jack

2
Web'de güvenli renkler "hasarı sınırlamak" için iyi bir yoldur, ancak maalesef # 172550 rengi sadece insanların büyük çoğunluğu monitörlerini kalibre etmediği için farklı görünecek. Baskıda çalışıyorsanız, profesyonel yazıcılar Pantone standartlarından çalıştıkça daha kolay olurdu, böylece # 172550'nin neye benzediğini biliyorlar.
grassdartcatcher

2
Tarayıcılar sRGB kullanır. Bu W3C standardıdır. Görüntü için başka bir renk profili kullanmak , tarayıcıda görüntülendiğinde farklı olacağını garanti eder.
Alan Gilbertson

2
Web uyumlu renkler burada (ve diğer her yerde ilgisizdir ) : graphicdesign.stackexchange.com/questions/40/… )
e100

3

+1 Chris bu gerçekten iyi bir soru, tam olarak o kadar derin bilmiyorum ama bu soruya ilgi duyduğumda aynı makaleleri buldum, ayarımı onlara göre değiştirdiğim için size yardımcı olabilirler, lütfen bir bakışla, merakınızı da çözebilir.

  1. ivan tarafından renk yönetimi
  2. Web için Photoshop'ta rengi yönetme ipuçları
  3. Renkleri Birden Fazla Aygıtta Eşleştirmek için Renk Yönetimi
  4. hiç kimse photoshop için kullanmamalı bu Ayarlar

Umut biraz bu yardımcı olacaktır .......


Smashing Magazine makalesini hatırlıyorum ve takip eden tartışmalar. Son makale en mantıklı. Teşekkürler!
Chris_O

her zaman hoş geldiniz ...
Jack

1

Web renk yönetimi hakkındaki dürüst hislerim, yukarıda ifade edilenleri yansıtıyor, ancak bazı uyarılarla.

Genel olarak konuşursak, en azından iyi bir başlangıç ​​noktasına sahip olabilmeniz için renkte yönetilen bir iş akışını sürdürmek mantıklıdır - renk yönetimli bir iş akışının dışında tasarlıyorsanız ve monitör / yazılım kombinasyonunuz öğle yemeğine çıkmadan (istenmeyen renk tonları, gam ve gama problemleri, vb.), başka bir kalibre edilmemiş son kullanıcının ekipmanının ters yönde eşdeğer bir miktarda yıpranma riskini arttırırsınız ve yaptığınız önyargılı renk kararlarına dayanarak, ilk etapta renk yönetimli bir iş akışı içinde tasarlanıp tasarlanmadığından daha kötü görüntüleniyor.

Buna ek olarak, web siteleri ve web sitesi şablonları için grafik görüntüleri (başlıklar, gezinme, arka planlar vb.) Hiç etiketlemezken (bu, onaltılık olarak belirtilen renkler ile renk yönetimini hızlandıran renk yönetimli görüntüler arasında çirkin uyuşmazlıklara yol açabileceğinden) aslında renk profillerini saygı birkaç tarayıcılarını) kullanarak, ben bunu sık sık etiket fotoğraflarını. Özellikle daha yüksek çözünürlüklü görüntüler. Son kullanıcının içeriği renkle yönetilen bir tarayıcıda görüntülemesi nadir durumlarda, profiller kullanıcının fotoğrafı çekildiği gibi görmesini ve insan ten tonlarının, gökyüzünün, suyunun vb. temsil eder.

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.