Oznakowanie grafik AI zgodnie z AI Act art. 50: 11 grafik oznaczonych ikoną UE i zero braków w audycie dla polskiej marki FMCG

Przegląd

KlientKlient to polska marka FMCG sprzedająca w całym kraju, z serwisem produktowym na WordPressie w wersji polskiej i angielskiej (22 strony, 149 obrazów w bibliotece).

Marka używała grafik generowanych przez AI w najważniejszych miejscach serwisu: w banerach głównych, sekcjach produktowych i kartach udostępniania w mediach społecznościowych. Wraz z wejściem w życie art. 50 AI Act 2 sierpnia 2026 r. zarząd zdecydował, że wszystkie grafiki AI zostaną oznaczone, także te, których przepisy nie wymagały oznaczać wstecz. ROI & Shine zaprojektowało i wdrożyło oznakowanie w dwóch warstwach: widocznej dla klienta (oficjalna ikona Unii Europejskiej z podpisem) i odczytywalnej dla maszyn (deklaracja AI zapisana w pliku obrazu). Audyt z 31 sierpnia 2026 r. potwierdził komplet oznaczeń na wszystkich stronach, bez żadnej straty dla estetyki marki.

Wyzwanie

W FMCG zdjęcie produktu jest obietnicą składaną konsumentowi. Grafika AI, która pokazuje opakowanie inaczej niż na półce, to ryzyko wprowadzenia w błąd, a nie tylko problem wizerunkowy. Klient mierzył się z czterema przeszkodami:

• Jeden plik, wiele miejsc użycia.Ta sama grafika występowała jednocześnie jako obraz, w zestawie rozdzielczości dla różnych ekranów, w tle sekcji, w podglądzie linku i w skryptach strony. Ręczna lista plików gubiłaby część z nich, a każde nieoznaczone miejsce to luka w zgodności.
• Brak pewności, co powstało z AI.Deklaracje wykonawców nie zawsze pokrywały się z metadanymi plików. Bez dowodu nie da się rzetelnie odróżnić grafiki wygenerowanej od zmodyfikowanej i od zwykłego zdjęcia.
• Kadr zmienia się razem z ekranem.Banery są przycinane automatycznie do szerokości ekranu. Baner sekcji sportowej tracił około 32% dołu obrazu, a sekcja zestawień produktowych 42% przy szerokości 1440 px. Znak umieszczony w rogu pliku po prostu znikał.
• Przepisy nie podają wymiarów.UE wymaga znaku „wyraźnie widocznego”, ale nie określa minimalnej wielkości. Za mały znak nie spełnia celu przepisu, za duży zabiera uwagę z produktu.

Strategia

Potraktowaliśmy oznakowanie nie jak naklejenie ikony na obrazki, tylko jak proces zgodności, który musi przetrwać każdą przyszłą zmianę w serwisie.

Nasza strategia opierała się na trzech filarach:

• Najpierw dowód, potem decyzja.Pochodzenie każdej grafiki ustaliliśmy na podstawie metadanych zapisanych w pliku, nie na podstawie pamięci zespołu. Przed napisaniem kodu klient otrzymał dokument decyzyjny z wariantami i kosztami, a wybór został potwierdzony na piśmie.
• Wierność produktu przed oznaczeniem.Ikona nie naprawi grafiki, która pokazuje produkt niezgodnie z rzeczywistością. Każdą grafikę porównaliśmy z prawdziwym opakowaniem: etykietą, kolorem, pojemnością i opisem wariantu.
• Liczby z pomiaru, nie z intuicji.Wielkość, kontrast i położenie znaku wyznaczyliśmy testami czytelności na trzech szerokościach ekranu. Każdą zmianę w mediach sprawdza audyt, żeby oznaczenie nie znikło przy pierwszej podmianie zdjęcia.

Rozwiązanie

ROI & Shine wdrożyło dwuwarstwowe oznakowanie treści AI, działające bezpośrednio w serwisie klienta i w procesie tworzenia nowych grafik:

1. 1

   Inwentaryzuje użycia

   Skaner przeszedł przez kod strony i zapisał w rejestrze 419 pozycji: obrazy, zestawy rozdzielczości, tła w stylach, podglądy linków i adresy w skryptach. Dzięki temu znaleźliśmy każde miejsce, w którym grafika AI była widoczna, także te, których nie widać w bibliotece mediów.

2. 2

   Weryfikuje pochodzenie

   Własny czytnik metadanych C2PA, działający bez zewnętrznych narzędzi, wykrył 31 plików z podpisaną deklaracją AI. Każda grafika otrzymała status: wygenerowana przez AI, zmodyfikowana przez AI albo zdjęcie. Przy okazji wychwyciliśmy grafikę z błędnie opisanym wariantem produktu na etykiecie. Grafikę zestawienia produktów, na której napisy były niewyraźne, zablokowaliśmy przed powiększaniem, a jej waga spadła z 3012 kB do 199 kB.

3. 3

   Oznacza na ekranie

   Wtyczka WordPress nakłada oficjalną ikonę UE „AI GENERATED” z podpisem „Materiał został wygenerowany lub istotnie zmodyfikowany przy użyciu AI” (w wersji angielskiej odpowiednio po angielsku). Znak jest przypięty do faktycznie widocznego kadru, a nie do pliku, więc zostaje na miejscu na każdym ekranie, a także na wydruku. Na kartach udostępniania w mediach społecznościowych znak jest wtopiony w obraz, bo tam nie działa żaden skrypt.

4. 4

   Oznacza w pliku i pilnuje zgodności

   W naszej fabryce treści każdy wygenerowany obraz dostaje w pliku zapis IPTC DigitalSourceType = trainedAlgorithmicMedia: raz zaraz po wygenerowaniu i drugi raz tuż przed publikacją, bez przeliczania pikseli. Ten sam zapis wymaga od lutego 2024 r. Google Merchant Center dla obrazów produktowych tworzonych przez AI. Audyt na szerokościach 390, 768 i 1440 px oraz 12 testów automatycznych wykrywa każdy przesunięty lub brakujący znak.

Wpływ

Marka weszła w nowy reżim prawny w pierwszym miesiącu jego obowiązywania, z pełną dokumentacją, którą może przedstawić organowi nadzoru, i bez kompromisów w wyglądzie serwisu.

Jak wdrożyć oznakowanie z art. 50: praktyka z tego projektu

plik,typ_uzycia,strona,pochodzenie,dowod,oznaczenie
baner-sport.webp,tlo-css,/sport,AI GENERATED,C2PA,tak
baner-sport.webp,podglad-linku,/sport,AI GENERATED,C2PA,wtopione
zestaw.webp,obraz+rozdzielczosci,/produkty,AI MODIFIED,IPTC,tak

.media { position: relative; container-type: inline-size; }
.media .znak-ai {
  position: absolute; right: 2cqw; bottom: 2cqw;
  width: clamp(64px, 9cqw, 80px);
  print-color-adjust: exact;
}

exiftool -overwrite_original \
  -XMP-iptcExt:DigitalSourceType="http://cv.iptc.org/newscodes/digitalsourcetype/trainedAlgorithmicMedia" \
  grafika.webp