sRGB czy CMYK - profil kolorów w grafikach e-commerce i w druku

Aleksandra Marecka

Head of Digital Marketing

20.08.2026

sRGB czy CMYK - profil kolorów w grafikach e‑commerce i w druku

Projektujemy grafiki dla e-commerce

Aleksandra MareckaHead of Digital Marketing

Grafika

sRGB czy CMYK? Wszystko, co klient ogląda na ekranie - zdjęcia w sklepie, miniatury ofert na marketplace'ach, banery i reklamy - przygotowuj w sRGB. CMYK stosuj tylko do druku: ulotek, etykiet, opakowań i katalogów, i to w profilu wskazanym przez drukarnię. sRGB to standardowa przestrzeń barw zdefiniowana w normie IEC 61966-2-1, powszechnie przyjęta dla treści wyświetlanych na ekranach, a CMYK to model farb drukarskich, który odwzorowuje kolory w inny sposób niż monitor.

Pomyłka w profilu kolorów rzadko kończy się katastrofą, ale często kończy się reklamacją. Czerwona sukienka wygląda na zdjęciu jak malinowa, granatowe logo na ulotce wychodzi szaroniebieskie, a zielony kolor marki w sklepie różni się od tego na opakowaniu. Wyjaśniamy, czym jest profil kolorów, kiedy używać sRGB, a kiedy CMYK, i jak przygotować pliki, żeby barwy produktu nie odbiegały od oryginału.

[#wazne] W skrócie: do sklepu internetowego, na marketplace'y i do reklam online zapisuj grafiki w sRGB - to najbezpieczniejszy wybór, bo ekrany klientów zwykle nie są skalibrowane. CMYK jest potrzebny tylko w plikach do druku, a konkretny profil (na przykład dla papieru powlekanego lub niepowlekanego) podaje drukarnia. Trzymaj oryginały w RGB i z nich przygotowuj osobne wersje do druku. W Vinson projektujemy grafiki dla e-commerce i przekazujemy pliki osobno na ekran i do druku.

Czym jest profil kolorów - sRGB, Display P3 i CMYK

Profil kolorów to opis, który mówi programom i urządzeniom, jak interpretować liczby zapisane w pliku. Ta sama wartość koloru, na przykład zielony w zapisie RGB, może wyglądać inaczej w zależności od tego, w jakiej przestrzeni barw została zapisana. Profile w standardzie ICC pozwalają przenosić kolory między aparatem, monitorem, programem graficznym i drukarką z jak najmniejszymi różnicami.

sRGB to standardowa przestrzeń barw RGB. W rejestrze International Color Consortium jej definicja to norma IEC 61966-2-1:1999, z punktem bieli D65. Pierwotną propozycję sRGB przedstawiły firmy Hewlett-Packard i Microsoft - dokument opublikowany przez W3C proponował, by elementy stron internetowych domyślnie traktować jako zapisane w sRGB. Z tego powodu sRGB stało się punktem odniesienia dla grafik w sieci.

Model RGB opisuje światło: ekran miesza czerwone, zielone i niebieskie światło, a im więcej go dodaje, tym jaśniejszy kolor. Model CMYK opisuje farby: cyjan, magentę, żółty i czarny nakładane na papier, które pochłaniają część światła. To dwa różne sposoby tworzenia barw, dlatego niektórych kolorów widocznych na ekranie nie da się wiernie wydrukować, a efekt w druku zależy dodatkowo od papieru i maszyny.

Trzecim profilem, który coraz częściej pojawia się w narzędziach, jest Display P3. Według pomocy Figmy daje on bardziej nasycone kolory i sprawdza się na ekranach urządzeń Apple, ale to sRGB jest najszerzej stosowanym profilem. Prosta zasada wyboru wygląda tak:

[#chart:pgr59a]

sRGB czy CMYK - który profil kolorów wybrać do grafik e-commerce

Decyzję podejmujesz nie dla całego projektu, tylko dla każdego pliku osobno, w zależności od tego, gdzie trafi. Poniższa tabela zbiera typowe zastosowania w sklepie internetowym.

Zastosowanie	Profil kolorów	Typowy format	Uwagi
Zdjęcia i galeria w sklepie	sRGB	WebP, JPG	zapisz profil w pliku lub skonwertuj do sRGB przed eksportem
Miniatury i zdjęcia na marketplace'ach	sRGB	JPG, PNG	sprawdź aktualne wytyczne platformy
Banery i reklamy online	sRGB	JPG, PNG, WebP	formaty i limity wagi według systemu reklamowego
Grafiki do social mediów	sRGB	JPG, PNG, wideo	jedna paleta barw z grafikami w sklepie
Ulotka do paczki, katalog	CMYK	PDF do druku	profil i spady według specyfikacji drukarni
Etykieta, opakowanie	CMYK, czasem kolory dodatkowe	PDF, pliki wektorowe	próbny wydruk przed całym nakładem

Dlaczego sRGB, a nie szersza przestrzeń barw? MDN przypomina, że mimo precyzyjnie zdefiniowanych wartości kolor może wyglądać różnie na różnych urządzeniach, bo większość z nich nie jest skalibrowana, a nie każda przeglądarka obsługuje profile kolorów urządzeń wyjściowych. sRGB to wspólny mianownik, przy którym różnice między ekranami klientów są najmniej dotkliwe. Także Figma według swojej pomocy domyślnie ustawia nowe pliki projektowe w sRGB.

Co z Display P3 w grafikach dla sklepu

Display P3 kusi żywszymi kolorami, ale wymaga ostrożności. Figma zaznacza, że dla najlepszych efektów ekran musi obsługiwać wybrany profil i być na niego ustawiony, a kolory Display P3 mogą nie wyświetlać się poprawnie na monitorach, które tego profilu nie obsługują. Przy konwersji z Display P3 do sRGB część kolorów może zostać przycięta do węższego zakresu. W grafikach sprzedażowych, które oglądają tysiące różnych ekranów, zwykle bezpieczniej zostać przy sRGB.

Bezpłatna wycena grafiki

Potrzebujesz grafik, które sprzedają?

Grafiki ofertowe, banery i miniatury
Projekty pod marketplace’y i sklep
Szybka wycena bez zobowiązań

Wycenę przygotuje Aleksandra Marecka, Head of Digital Marketing

Zobacz szczegóły usługi →

Jak przygotować grafiki w CMYK do druku

CMYK nie jest jednym ustawieniem. Drukarnie pracują w określonych warunkach druku, a każdy z nich ma własny profil. W rejestrze profili International Color Consortium znajdziesz na przykład profile oparte na danych FOGRA39 dla papieru powlekanego (warunki z normy ISO 12647-2:2004/Amd 1), FOGRA51, czyli PSO Coated v3 dla papieru powlekanego premium, i FOGRA52, czyli PSO Uncoated v3 dla papieru niepowlekanego (oba według ISO 12647-2:2013). Rejestr podaje też dla nich parametry, takie jak maksymalne łączne pokrycie farbą.

ICC zaznacza, że nie rekomenduje profili do konkretnych zastosowań. Dlatego profil CMYK zawsze wybiera się według informacji od drukarni, a nie według tego, co jest ustawione domyślnie w programie. Plik przygotowany pod papier powlekany i wydrukowany na niepowlekanym może wyjść ciemniej i mniej nasycony. Tak wygląda przygotowanie pliku do druku krok po kroku:

[#chart:pgr59b]

Przed przekazaniem plików warto przejść przez krótką listę kontrolną:

Zapytaj drukarnię o profil kolorów, spady, format pliku i sposób zapisu fontów.
Pracuj na kopii projektu - wersja RGB zostaje jako oryginał do wszystkich kanałów online.
Skonwertuj kolory do profilu drukarni w programie graficznym i obejrzyj podgląd wydruku na ekranie.
Sprawdź kolory, które po konwersji wyraźnie się zmieniły, zwłaszcza nasycone zielenie, niebieskie i pomarańcze.
Zamów próbny wydruk, jeśli kolor produktu lub marki ma kluczowe znaczenie.

[#uwaga] Nie konwertuj plików w kółko między RGB i CMYK. Każda konwersja dopasowuje kolory spoza zakresu docelowego profilu, a utraconych barw nie da się później odzyskać. Trzymaj jeden oryginał w RGB i z niego przygotowuj osobno wersje do druku dla każdego profilu, którego wymaga drukarnia.

Część narzędzi online pozwala pobrać projekt jako PDF do druku z profilem CMYK, a inne pracują wyłącznie w RGB. Według pomocy Figmy w plikach projektowych do wyboru są dwa profile: sRGB i Display P3. Jeśli przygotowujesz materiały drukowane w narzędziu bez obsługi CMYK, konwersję trzeba wykonać w innym programie albo zlecić drukarni - i wtedy tym bardziej warto zamówić wydruk próbny.

Dlaczego kolory produktu różnią się na ekranie i w druku

Różnice kolorów mają kilka typowych przyczyn. Część z nich wynika z błędów w plikach, a część z ograniczeń samego druku lub ekranów klientów. Najczęściej spotykamy takie sytuacje:

[#chart:pgr59c]

W e-commerce szczególnie ważne są barwy samego produktu. Klient, który kupił sweter w kolorze widocznym na zdjęciu, a dostał wyraźnie inny odcień, może zwrócić towar. Dlatego przy zdjęciach produktowych pracuj na skalibrowanym monitorze, porównuj zdjęcie z produktem w świetle dziennym i zapisuj pliki w sRGB, zamiast zostawiać szerszą przestrzeń barw z aparatu. Nawet wtedy ekrany klientów pokażą kolory nieco inaczej, ale różnica będzie mniejsza.

Zdjęcia z aparatu i telefonu - jak sprawdzić profil kolorów

Aparaty i programy do obróbki zdjęć często pozwalają pracować w szerszych przestrzeniach barw niż sRGB, a nowsze telefony zapisują zdjęcia z myślą o ekranach z szerszą gamą kolorów. Na etapie obróbki to zaleta, ale przed publikacją w sklepie plik warto skonwertować do sRGB. Samo pozostawienie innego profilu w pliku nie daje gwarancji: część narzędzi i platform przy przetwarzaniu zdjęć może usuwać metadane, a wtedy kolory zostaną odczytane tak, jakby były zapisane w sRGB - zwykle bledsze lub przesunięte.

Profil kolorów zdjęcia sprawdzisz w programie graficznym, w informacjach o pliku albo w oknie eksportu. Najbezpieczniej ustawić w eksporcie konwersję do sRGB jako stały krok dla wszystkich grafik na ekran. Przy dużej liczbie produktów dobrze jest zapisać to w instrukcji dla osoby, która przygotowuje zdjęcia, razem z wymiarami i formatem plików.

Kalibracja monitora i ocena kolorów

Nawet idealnie przygotowany plik oceniasz na własnym ekranie. Jeśli monitor grafika jest ustawiony zbyt jasno albo z przesuniętą temperaturą barwową, wszystkie korekty kolorów będą zrobione pod ten błąd. Dlatego osoby, które obrabiają zdjęcia produktów, powinny pracować na skalibrowanym monitorze, a ostateczny wygląd sprawdzać dodatkowo na telefonie, bo właśnie tam większość klientów ogląda oferty. Przy produktach, w których kolor jest głównym kryterium wyboru, na przykład w modzie, kosmetykach kolorowych czy farbach, dobrze jest mieć fizyczny wzorzec i porównywać z nim zdjęcie.

Kolory marki w wersji na ekran i do druku

Identyfikacja wizualna sklepu powinna podawać kolory marki osobno dla ekranu i dla druku: wartości HEX lub RGB do sklepu, reklam i social mediów oraz wartości CMYK do materiałów drukowanych. Niektóre marki dodają też kolory z wzorników farb dla opakowań. Bez tego każdy grafik i każda drukarnia przelicza kolory po swojemu, a odcień marki zaczyna się rozjeżdżać. Jak dobrać i opisać kolory marki, piszemy w tekście o tym, jak ustalić paletę kolorów marki sklepu.

Pamiętaj, że przeliczenie RGB na CMYK zawsze jest przybliżeniem. Intensywne kolory z ekranu, zwłaszcza neonowe zielenie i błękity, mogą w druku wyjść spokojniejsze. Jeśli kolor marki ma być identyczny na ekranie i na opakowaniu, najlepiej dobrać go od początku tak, żeby dało się go wiernie odtworzyć w obu technikach.

Profil kolorów w pracy z grafikiem i drukarnią

Najwięcej problemów z kolorami powstaje na styku osób: fotograf oddaje zdjęcia w jednej przestrzeni barw, grafik pracuje w innej, a drukarnia dostaje plik bez informacji o profilu. Dlatego w briefie dla grafika warto zapisać, które materiały trafią na ekran, a które do druku, i dołączyć specyfikację drukarni, jeśli ją znasz. Przy powtarzalnych materiałach, takich jak ulotki do paczek, dobrze trzymać się jednej drukarni i jednego rodzaju papieru - kolejne nakłady będą wtedy wyglądały podobnie.

Gdy zmieniasz drukarnię albo rodzaj papieru, nie zakładaj, że stary plik da ten sam efekt. Poproś nową drukarnię o specyfikację, przygotuj plik od nowa z oryginału RGB i zamów wydruk próbny. To niewielki koszt w porównaniu z całym nakładem etykiet lub ulotek w niewłaściwym odcieniu.

Profil kolorów grafik w sklepie - lista kontrolna

Eksport na ekran w sRGB. Zdjęcia, miniatury, banery i reklamy zapisuj w sRGB, z osadzonym profilem lub po konwersji.
Osobne pliki do druku. Wersje CMYK przygotowuj z oryginałów RGB, w profilu podanym przez drukarnię.
Kolory marki w dwóch zapisach. HEX lub RGB dla ekranu i CMYK dla druku, opisane w księdze znaku.
Kontrola na kilku ekranach. Sprawdź grafiki na komputerze i telefonie, zanim trafią do sklepu.
Wydruk próbny. Przy etykietach i opakowaniach oceniaj kolory na papierze, a nie na monitorze.

Jak Vinson pomaga z profilem kolorów w grafikach e-commerce

Projektujemy grafiki dla e-commerce: miniatury i galerie ofert, banery, identyfikację sklepu i materiały reklamowe. Grafiki do sklepu, na marketplace'y i do reklam przygotowujemy w sRGB, a materiały drukowane - na podstawie specyfikacji drukarni, z której korzysta klient. Kolory marki opisujemy osobno dla ekranu i druku. Szczegóły znajdziesz na stronie projektowanie graficzne dla e-commerce.

Vinson to agencja e-commerce z Bochni, działająca od 2021 roku. Jesteśmy Allegro Ads Partner+, Google Partner, Meta Business Partner, certyfikowanym partnerem Base, partnerem Empik Place i autoryzowanym partnerem Shoper. Klienci oceniają nas na 4,9/5 ze 171 opinii, a współpracowaliśmy z ponad 500 firmami. Jeśli przygotowujesz własną markę, przeczytaj też, jak projekt opakowania produktu wpływa na odbiór marki.

Najczęściej zadawane pytania

Czy zdjęcia do sklepu internetowego zapisywać w sRGB czy CMYK?

Zdjęcia i grafiki do sklepu internetowego zapisuj w sRGB. To standardowa przestrzeń barw dla treści wyświetlanych na ekranach, dzięki której kolory wyglądają możliwie podobnie na różnych urządzeniach. CMYK jest przeznaczony do druku i w sklepie nie daje żadnej korzyści.

Dlaczego kolory po wydruku są inne niż na ekranie?

Ekran tworzy kolory ze światła, a druk z farb nakładanych na papier, więc niektórych barw z ekranu nie da się wiernie wydrukować. Znaczenie ma też profil CMYK, rodzaj papieru i kalibracja monitora. Dlatego przy ważnych materiałach warto zamówić wydruk próbny.

Jaki profil CMYK wybrać do druku ulotek i etykiet?

Profil CMYK zależy od warunków druku i papieru, dlatego zawsze podaje go drukarnia. W rejestrze ICC są osobne profile na przykład dla papieru powlekanego i niepowlekanego. Zapytaj drukarnię o profil, spady i format pliku przed przygotowaniem projektu.

Czy Display P3 jest lepszy od sRGB w grafikach sklepu?

Display P3 obejmuje bardziej nasycone kolory, ale poprawnie wyświetlają go tylko ekrany, które go obsługują. Według pomocy Figmy na innych monitorach kolory P3 mogą wyglądać niepoprawnie. W grafikach sprzedażowych dla szerokiej grupy klientów bezpieczniejszy jest sRGB.

Czy można zamienić plik z RGB na CMYK i z powrotem?

Można, ale każda konwersja dopasowuje kolory do zakresu docelowego profilu i część informacji przepada. Dlatego oryginał trzymaj w RGB i z niego przygotowuj osobne wersje do druku. Nie wracaj z pliku CMYK do RGB, gdy potrzebujesz grafiki do sklepu.

Wybór między sRGB a CMYK jest prosty, gdy pamiętasz o jednej zasadzie: ekran to sRGB, druk to CMYK w profilu drukarni. Jeśli chcesz, żeby grafiki Twojego sklepu miały spójne kolory w sklepie, reklamach i materiałach drukowanych, zajrzyj na stronę projektowania graficznego dla e-commerce.