Sprytne Okazje — promocje, kody rabatowe i wyprzedaże

Generator ditheringu

Zastosuj efekt dithering (Floyd-Steinberg, Bayer, ordered) na zdjęciu lub grafice. Redukcja kolorów z zachowaniem przejść tonalnych. Retro efekt pikselowy. Bezpłatnie.

Bezpieczne (SSL)
Przetwarzanie Lokalne
100% Darmowe
Przejdź do narzędzia
Instrukcja
  • 1
    Wprowadź dane
    Wpisz treść, wklej tekst lub załaduj plik z dysku.
  • 2
    Kliknij przycisk
    Narzędzie natychmiast przetworzy Twoje dane w przeglądarce.
  • 3
    Pobierz wynik
    Skopiuj gotowy tekst lub zapisz plik na urządzeniu.
function runTool() {
  return "Wynik gotowy w 0.1s";
}
Podgląd wzoru ditheringu
Pobierz SVG
Pokaż kod CSS 
background-color: #F8FAFC;
background-image: url('data:image/svg+xml;utf8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%22192%22 height%3D%22192%22 viewBox%3D%220 0 192 192%22 shape-rendering%3D%22crispEdges%22%3E%3Crect width%3D%22100%25%22 height%3D%22100%25%22 fill%3D%22%23F8FAFC%22%2F%3E%3Cg fill%3D%22%230F172A%22 fill-opacity%3D%220.22%22%3E%3Crect x%3D%220%22 y%3D%220%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2212%22 y%3D%220%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2224%22 y%3D%220%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2236%22 y%3D%220%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2248%22 y%3D%220%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2260%22 y%3D%220%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2272%22 y%3D%220%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2284%22 y%3D%220%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2296%22 y%3D%220%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22108%22 y%3D%220%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22120%22 y%3D%220%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22132%22 y%3D%220%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22144%22 y%3D%220%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22156%22 y%3D%220%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22168%22 y%3D%220%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22180%22 y%3D%220%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%226%22 y%3D%226%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2230%22 y%3D%226%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2254%22 y%3D%226%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2278%22 y%3D%226%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22102%22 y%3D%226%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22114%22 y%3D%226%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22126%22 y%3D%226%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22150%22 y%3D%226%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22162%22 y%3D%226%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22174%22 y%3D%226%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%220%22 y%3D%2212%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2212%22 y%3D%2212%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2224%22 y%3D%2212%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2236%22 y%3D%2212%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2248%22 y%3D%2212%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2260%22 y%3D%2212%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2272%22 y%3D%2212%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2284%22 y%3D%2212%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2296%22 y%3D%2212%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22108%22 y%3D%2212%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22120%22 y%3D%2212%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22132%22 y%3D%2212%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22144%22 y%3D%2212%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22156%22 y%3D%2212%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22168%22 y%3D%2212%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22180%22 y%3D%2212%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%226%22 y%3D%2218%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2218%22 y%3D%2218%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2230%22 y%3D%2218%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2242%22 y%3D%2218%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2254%22 y%3D%2218%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2266%22 y%3D%2218%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2278%22 y%3D%2218%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2290%22 y%3D%2218%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22102%22 y%3D%2218%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22114%22 y%3D%2218%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22126%22 y%3D%2218%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22138%22 y%3D%2218%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22150%22 y%3D%2218%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22162%22 y%3D%2218%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22174%22 y%3D%2218%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22186%22 y%3D%2218%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%220%22 y%3D%2224%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2212%22 y%3D%2224%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2224%22 y%3D%2224%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2236%22 y%3D%2224%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2248%22 y%3D%2224%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2260%22 y%3D%2224%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2272%22 y%3D%2224%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2284%22 y%3D%2224%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2296%22 y%3D%2224%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22108%22 y%3D%2224%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22120%22 y%3D%2224%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22132%22 y%3D%2224%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22144%22 y%3D%2224%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22156%22 y%3D%2224%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22168%22 y%3D%2224%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22180%22 y%3D%2224%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%226%22 y%3D%2230%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2230%22 y%3D%2230%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2242%22 y%3D%2230%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2254%22 y%3D%2230%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2278%22 y%3D%2230%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2290%22 y%3D%2230%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22102%22 y%3D%2230%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22126%22 y%3D%2230%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22150%22 y%3D%2230%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22162%22 y%3D%2230%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22174%22 y%3D%2230%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%220%22 y%3D%2236%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2212%22 y%3D%2236%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2224%22 y%3D%2236%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2236%22 y%3D%2236%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2248%22 y%3D%2236%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2260%22 y%3D%2236%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2272%22 y%3D%2236%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2284%22 y%3D%2236%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2296%22 y%3D%2236%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22108%22 y%3D%2236%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22120%22 y%3D%2236%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22132%22 y%3D%2236%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22144%22 y%3D%2236%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22156%22 y%3D%2236%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22168%22 y%3D%2236%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22180%22 y%3D%2236%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%226%22 y%3D%2242%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2218%22 y%3D%2242%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2230%22 y%3D%2242%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2242%22 y%3D%2242%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2254%22 y%3D%2242%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2266%22 y%3D%2242%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2278%22 y%3D%2242%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2290%22 y%3D%2242%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22102%22 y%3D%2242%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22114%22 y%3D%2242%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22126%22 y%3D%2242%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22138%22 y%3D%2242%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22150%22 y%3D%2242%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22162%22 y%3D%2242%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22174%22 y%3D%2242%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22186%22 y%3D%2242%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%220%22 y%3D%2248%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2212%22 y%3D%2248%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2224%22 y%3D%2248%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2236%22 y%3D%2248%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2248%22 y%3D%2248%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2260%22 y%3D%2248%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2272%22 y%3D%2248%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2284%22 y%3D%2248%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2296%22 y%3D%2248%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22108%22 y%3D%2248%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22120%22 y%3D%2248%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22132%22 y%3D%2248%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22144%22 y%3D%2248%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22156%22 y%3D%2248%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22168%22 y%3D%2248%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22180%22 y%3D%2248%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%226%22 y%3D%2254%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2218%22 y%3D%2254%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2230%22 y%3D%2254%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2254%22 y%3D%2254%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2278%22 y%3D%2254%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22102%22 y%3D%2254%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22126%22 y%3D%2254%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22150%22 y%3D%2254%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22174%22 y%3D%2254%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%220%22 y%3D%2260%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2212%22 y%3D%2260%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2224%22 y%3D%2260%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2236%22 y%3D%2260%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2248%22 y%3D%2260%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2260%22 y%3D%2260%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2272%22 y%3D%2260%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2284%22 y%3D%2260%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2296%22 y%3D%2260%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22108%22 y%3D%2260%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22120%22 y%3D%2260%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22132%22 y%3D%2260%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22144%22 y%3D%2260%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22156%22 y%3D%2260%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22168%22 y%3D%2260%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22180%22 y%3D%2260%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%226%22 y%3D%2266%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2218%22 y%3D%2266%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2230%22 y%3D%2266%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2242%22 y%3D%2266%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2254%22 y%3D%2266%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2266%22 y%3D%2266%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2278%22 y%3D%2266%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2290%22 y%3D%2266%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22102%22 y%3D%2266%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22114%22 y%3D%2266%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22126%22 y%3D%2266%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22138%22 y%3D%2266%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22150%22 y%3D%2266%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22162%22 y%3D%2266%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22174%22 y%3D%2266%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22186%22 y%3D%2266%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%220%22 y%3D%2272%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2212%22 y%3D%2272%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2224%22 y%3D%2272%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2236%22 y%3D%2272%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2248%22 y%3D%2272%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2260%22 y%3D%2272%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2272%22 y%3D%2272%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2284%22 y%3D%2272%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2296%22 y%3D%2272%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22108%22 y%3D%2272%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22120%22 y%3D%2272%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22132%22 y%3D%2272%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22144%22 y%3D%2272%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22156%22 y%3D%2272%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22168%22 y%3D%2272%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22180%22 y%3D%2272%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%226%22 y%3D%2278%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2230%22 y%3D%2278%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2254%22 y%3D%2278%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2278%22 y%3D%2278%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22102%22 y%3D%2278%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22126%22 y%3D%2278%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22150%22 y%3D%2278%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22174%22 y%3D%2278%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%220%22 y%3D%2284%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2212%22 y%3D%2284%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2224%22 y%3D%2284%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2236%22 y%3D%2284%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2248%22 y%3D%2284%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2260%22 y%3D%2284%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2272%22 y%3D%2284%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2284%22 y%3D%2284%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2296%22 y%3D%2284%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22108%22 y%3D%2284%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22120%22 y%3D%2284%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22132%22 y%3D%2284%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22144%22 y%3D%2284%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22156%22 y%3D%2284%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22168%22 y%3D%2284%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22180%22 y%3D%2284%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%226%22 y%3D%2290%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2218%22 y%3D%2290%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2230%22 y%3D%2290%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2242%22 y%3D%2290%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2254%22 y%3D%2290%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2266%22 y%3D%2290%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2278%22 y%3D%2290%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2290%22 y%3D%2290%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22102%22 y%3D%2290%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22114%22 y%3D%2290%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22126%22 y%3D%2290%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22138%22 y%3D%2290%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22150%22 y%3D%2290%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22162%22 y%3D%2290%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22174%22 y%3D%2290%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22186%22 y%3D%2290%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%220%22 y%3D%2296%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2212%22 y%3D%2296%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2224%22 y%3D%2296%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2236%22 y%3D%2296%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2248%22 y%3D%2296%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2260%22 y%3D%2296%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2272%22 y%3D%2296%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2284%22 y%3D%2296%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2296%22 y%3D%2296%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22108%22 y%3D%2296%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22120%22 y%3D%2296%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22132%22 y%3D%2296%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22144%22 y%3D%2296%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22156%22 y%3D%2296%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22168%22 y%3D%2296%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22180%22 y%3D%2296%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%226%22 y%3D%22102%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2230%22 y%3D%22102%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2254%22 y%3D%22102%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2278%22 y%3D%22102%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22102%22 y%3D%22102%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22126%22 y%3D%22102%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22150%22 y%3D%22102%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22162%22 y%3D%22102%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22174%22 y%3D%22102%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%220%22 y%3D%22108%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2212%22 y%3D%22108%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2224%22 y%3D%22108%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2236%22 y%3D%22108%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2248%22 y%3D%22108%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2260%22 y%3D%22108%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2272%22 y%3D%22108%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2284%22 y%3D%22108%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2296%22 y%3D%22108%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22108%22 y%3D%22108%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22120%22 y%3D%22108%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22132%22 y%3D%22108%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22144%22 y%3D%22108%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22156%22 y%3D%22108%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22168%22 y%3D%22108%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22180%22 y%3D%22108%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%226%22 y%3D%22114%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2218%22 y%3D%22114%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2230%22 y%3D%22114%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2242%22 y%3D%22114%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2254%22 y%3D%22114%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2266%22 y%3D%22114%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2290%22 y%3D%22114%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22102%22 y%3D%22114%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22114%22 y%3D%22114%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22126%22 y%3D%22114%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22138%22 y%3D%22114%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22150%22 y%3D%22114%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22162%22 y%3D%22114%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22174%22 y%3D%22114%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22186%22 y%3D%22114%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%220%22 y%3D%22120%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2212%22 y%3D%22120%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2224%22 y%3D%22120%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2236%22 y%3D%22120%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2248%22 y%3D%22120%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2260%22 y%3D%22120%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2272%22 y%3D%22120%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2284%22 y%3D%22120%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2296%22 y%3D%22120%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22108%22 y%3D%22120%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22120%22 y%3D%22120%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22132%22 y%3D%22120%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22144%22 y%3D%22120%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22156%22 y%3D%22120%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22168%22 y%3D%22120%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22180%22 y%3D%22120%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%226%22 y%3D%22126%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2230%22 y%3D%22126%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2242%22 y%3D%22126%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2254%22 y%3D%22126%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2278%22 y%3D%22126%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22102%22 y%3D%22126%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22126%22 y%3D%22126%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22138%22 y%3D%22126%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22150%22 y%3D%22126%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22174%22 y%3D%22126%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%220%22 y%3D%22132%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2212%22 y%3D%22132%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2224%22 y%3D%22132%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2236%22 y%3D%22132%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2248%22 y%3D%22132%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2260%22 y%3D%22132%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2272%22 y%3D%22132%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2284%22 y%3D%22132%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2296%22 y%3D%22132%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22108%22 y%3D%22132%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22120%22 y%3D%22132%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22132%22 y%3D%22132%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22144%22 y%3D%22132%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22156%22 y%3D%22132%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22168%22 y%3D%22132%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22180%22 y%3D%22132%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%226%22 y%3D%22138%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2218%22 y%3D%22138%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2230%22 y%3D%22138%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2242%22 y%3D%22138%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2254%22 y%3D%22138%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2266%22 y%3D%22138%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2278%22 y%3D%22138%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2290%22 y%3D%22138%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22114%22 y%3D%22138%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22126%22 y%3D%22138%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22138%22 y%3D%22138%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22150%22 y%3D%22138%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22162%22 y%3D%22138%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22174%22 y%3D%22138%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22186%22 y%3D%22138%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%220%22 y%3D%22144%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2212%22 y%3D%22144%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2224%22 y%3D%22144%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2236%22 y%3D%22144%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2248%22 y%3D%22144%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2260%22 y%3D%22144%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2272%22 y%3D%22144%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2284%22 y%3D%22144%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2296%22 y%3D%22144%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22108%22 y%3D%22144%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22120%22 y%3D%22144%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22132%22 y%3D%22144%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22144%22 y%3D%22144%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22156%22 y%3D%22144%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22168%22 y%3D%22144%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22180%22 y%3D%22144%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%226%22 y%3D%22150%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2230%22 y%3D%22150%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2254%22 y%3D%22150%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2266%22 y%3D%22150%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2278%22 y%3D%22150%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22102%22 y%3D%22150%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22126%22 y%3D%22150%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22150%22 y%3D%22150%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22174%22 y%3D%22150%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%220%22 y%3D%22156%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2212%22 y%3D%22156%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2224%22 y%3D%22156%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2236%22 y%3D%22156%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2248%22 y%3D%22156%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2260%22 y%3D%22156%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2272%22 y%3D%22156%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2284%22 y%3D%22156%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2296%22 y%3D%22156%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22108%22 y%3D%22156%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22120%22 y%3D%22156%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22132%22 y%3D%22156%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22144%22 y%3D%22156%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22156%22 y%3D%22156%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22168%22 y%3D%22156%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22180%22 y%3D%22156%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%226%22 y%3D%22162%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2218%22 y%3D%22162%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2230%22 y%3D%22162%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2242%22 y%3D%22162%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2254%22 y%3D%22162%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2266%22 y%3D%22162%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2278%22 y%3D%22162%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2290%22 y%3D%22162%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22102%22 y%3D%22162%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22114%22 y%3D%22162%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22126%22 y%3D%22162%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22138%22 y%3D%22162%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22150%22 y%3D%22162%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22162%22 y%3D%22162%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22186%22 y%3D%22162%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%220%22 y%3D%22168%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2212%22 y%3D%22168%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2224%22 y%3D%22168%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2236%22 y%3D%22168%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2248%22 y%3D%22168%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2260%22 y%3D%22168%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2272%22 y%3D%22168%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2284%22 y%3D%22168%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2296%22 y%3D%22168%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22108%22 y%3D%22168%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22120%22 y%3D%22168%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22132%22 y%3D%22168%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22144%22 y%3D%22168%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22156%22 y%3D%22168%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22168%22 y%3D%22168%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22180%22 y%3D%22168%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%226%22 y%3D%22174%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2230%22 y%3D%22174%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2254%22 y%3D%22174%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2266%22 y%3D%22174%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2278%22 y%3D%22174%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22102%22 y%3D%22174%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22126%22 y%3D%22174%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22150%22 y%3D%22174%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22174%22 y%3D%22174%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22186%22 y%3D%22174%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%220%22 y%3D%22180%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2212%22 y%3D%22180%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2224%22 y%3D%22180%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2236%22 y%3D%22180%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2248%22 y%3D%22180%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2260%22 y%3D%22180%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2272%22 y%3D%22180%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2284%22 y%3D%22180%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2296%22 y%3D%22180%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22108%22 y%3D%22180%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22120%22 y%3D%22180%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22132%22 y%3D%22180%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22144%22 y%3D%22180%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22156%22 y%3D%22180%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22168%22 y%3D%22180%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22180%22 y%3D%22180%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%226%22 y%3D%22186%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2218%22 y%3D%22186%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2230%22 y%3D%22186%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2242%22 y%3D%22186%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2254%22 y%3D%22186%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2266%22 y%3D%22186%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2278%22 y%3D%22186%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%2290%22 y%3D%22186%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22102%22 y%3D%22186%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22114%22 y%3D%22186%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22126%22 y%3D%22186%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22138%22 y%3D%22186%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22150%22 y%3D%22186%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22162%22 y%3D%22186%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22174%22 y%3D%22186%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3Crect x%3D%22186%22 y%3D%22186%22 width%3D%226%22 height%3D%226%22 rx%3D%221%22 ry%3D%221%22 %2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
background-repeat: repeat;
background-size: auto;

Algorytm

Bayer 8×8 (uporządkowany)

uporządkowany Bayer z matrycy z kodu + jitter z ziarna — jedyna rodzina ditheringu w narzędziu

Rozmiar kafelka

192 × 192 px

kwadratowy kafelek powielany przez background-repeat: repeat

Rozmiar pliku

26,0 kB

wychodzący SVG jako data URI — im mniejsza skala i kafelek, tym lżejszy plik

tile: 192
Ściąga: algorytmy ditheringu w tym narzędziu

Silnik liczy wyłącznie dithering uporządkowany (ordered) macierzami Bayera z dopiskiem pseudolosowego odchylenia z ziarna — nie ma tu rozpraszania błędu (Floyd–Steinberg i podobne). Próg decyzyjny: komórka dostaje kropkę, gdy gęstość z formularza przewyższa próg matrycy skorygowany o jitter; kropki mają zaokrąglenie równe ćwiartce skali, a przezroczystość trafia do atrybutu fill-opacity.

Mechanizmy 1:1 z kodu silnika (bayerMatrix4, bayerMatrix8, rand01)
Algorytm w kodzieJak liczyEfekt i opcja w formularzu
bayerMatrix4 — Bayer ordered 16 progów (0–15) podzielonych przez 15, nakładanych cyklicznie co 4 piksele siatki opcja „4×4 (grube)” — grubsza, wyraźna kropka do mocnych tekstur i małych kafelków
bayerMatrix8 — Bayer ordered 64 progi (0–63) podzielone przez 63, nakładane cyklicznie co 8 pikseli siatki opcja „8×8 (drobne)” — drobniejsza tekstura bliższa półtonowi, do dużych teł
rand01(seed, x, y) — jitter próg każdej komórki odchylony pseudolosowo o maksymalnie ±0,04, wyznaczony z ziarna i współrzędnych łagodzi regularność siatki; ten sam seed odtwarza dokładnie ten sam wzór

Zastosowania: grafika pixel art i stylistyka retro (regularna siatka kropek), symulacja ograniczonej palety (dwa kolory z pól fg/bg zamiast pełnego spektrum), lekkie tła stron — wynik to kafelek SVG osadzony jako data URI w background-image z background-repeat: repeat, więc wzór waży kilobajty i nie wymaga pliku graficznego. Gęstość (0–1) steruje tym, jak duża część siatki dostaje kropki, skala (1–24) rozmiarem komórki w pikselach.

Warto wiedzieć — dithering a historia grafiki

Macintosh 1984: szarość z czerni i bieli

Ekran pierwszego Macintosha (1984) był jednobitowy — 512×342 piksele, tylko czarny i biały. To dithering uporządkowany pozwalał wyrwać z takiego ekranu złudzenie odcieni szarości; w tym samym duchu pracował m.in. słynny dithering Billa Atkinsona. Narzędzie odtwarza dokładnie tę rodzinę algorytmów.

Uporządkowany a rozpraszanie błędu

Bayer (ordered) porównuje obraz z powtarzalną matrycą progów — stąd regularna, dzianinowa tekstura i pełna powtarzalność wyniku. Rodzina Floyd–Steinberg rozprasza błąd kwantyzacji na sąsiednie piksele i daje szum bez wzoru — tej drugiej rodziny narzędzie celowo nie ma, bo kafelek tła ma być regularny i deterministyczny (ziarno).

Pixel art i ograniczona paleta

Dithering to podstawowe narzędzie grafika pixel artu: dwoma kolorami (tu fg i bg) symuluje więcej odcieni, tak jak dawne konsole i komputery 8-bitowe oszczędzały paletę. Gęstość bliską 0,5 daje równą szatę, skrajne wartości zamieniają wzór w prawie jednolite tło albo siatkę kropek.

Wynik wdrażasz wprost w CSS

Blok „Pokaż kod CSS” zawiera gotowe background-color i background-image z kafelkiem SVG zakodowanym jako data URI — wklejasz go do dowolnej klasy bez zewnętrznego pliku. Pamiętaj o ostrym monitorach: przy dużej skali kropki pozostają ostre (shape-rendering: crispEdges w kodzie), więc wzór wygląda identycznie na retina.

Oceń to narzędzie:

Powiązane narzędzia

Inne narzędzia, które mogą Ci się przydać
01
Zamień PNG na JPG
Uruchom
02
Masowa optymalizacja obrazów
Uruchom
03
JPG do GIF
Uruchom
04
Konwersja do ICO
Uruchom
05
Animacja deszczu kodu Matrix
Uruchom
06
Powiększanie Obrazów
Uruchom
07
AVIF → JPG
Uruchom
08
Konwerter HEIC na JPG — bezpłatna konwersja zdjęć
Uruchom
09
Generator puzzli z obrazów
Uruchom
10
Imieniny Zuzanny - daty, życzenia, znaczenie imienia
Uruchom
11
100 ml masła ile to gram?
Uruchom
12
Linearizacja PDF (Fast Web View)
Uruchom

Generator ditheringu – pikselowy retro efekt na każdym obrazie

Dithering to technika cyfrowego przetwarzania obrazu polegająca na symulowaniu brakujących kolorów lub odcieni szarości przez rozmieszczanie dostępnych pikseli kolorów w wzorzec. Używany historycznie w druku i ekranach 8-bitowych, dziś popularny jako efekt artystyczny.

generator dithering efekt dithering online Floyd-Steinberg dithering pikselowy efekt zdjęcia

Algorytmy ditheringu

Floyd-Steinberg: propagacja błędu kwantyzacji do sąsiednich pikseli (prawy, lewy-dół, dół, prawy-dół). Najnaturalniejszy efekt, popularne w konwersji do 1-bitowej grafiki. Bayer (Ordered Dithering): macierz progów (2×2, 4×4, 8×8) – regularny wzorzec, efekt retro/halftone. Atkinson: łagodniejsza propagacja, jasne obszary "palą się" – stylizacja Apple Macintosh.

Tryby redukcji kolorów

Monochromatyczny (1-bit): czarno-biały z ditherowanymi szarościami – klasyka druku. 2-kolorowy: tło + 1 kolor (np. biały + niebieski). Ograniczona paleta: 4, 8, 16 kolorów (retro gry 8/16-bit). Własna paleta HEX: podajesz listę kolorów, dithering dopasowuje obraz do tej palety.

Zastosowania ditheringu

Sztuka generatywna i plakaty z retro estetyką. Konwersja zdjęć do plików 1-bit (e-ink, termiczne drukarki, plotery). Efekty halftone dla grafiki prasowej. Pixel art z ograniczoną paletą (demoscena). Optymalizacja grafik GIF (256 kolorów + dithering = lepsza jakość). E-ink displays: natywny 1-bit z ditheriem.

Parametry jakości ditheringu

Rozdzielczość wejścia: im wyższe DPI, tym subtelniejszy efekt. Progowanie (threshold) dla Bayera: wartość 50% = standardowy; wyższe = jaśniejszy obraz. Współczynnik propagacji dla Floyd-Steinberg: 1.0 = standardowy, <1.0 = mniej agresywna propagacja. Rozmiar macierzy Bayera: 2×2 (gruba pikseloza) vs 16×16 (subtelny).

Jak dziala dithering krok po kroku

Dithering dziala na dwoch poziomach jednoczesnie: lokalnej decyzji o pojedynczym pikselu i globalnym bilansie bledu. Algorytm przechodzi obraz piksel po pikselu i dla kazdego z nich wybiera najblizszy kolor z palety docelowej, na przyklad czern albo biel. Roznica miedzy wartoscia oryginalna a wartoscia zapisana to blad kwantyzacji. Zamiast go odrzucac, narzedzie rozdziela go na piksele jeszcze nieprzetworzone, tak aby suma jasnosci w wiekszym obszarze pozostala zblizona do oryginalu.

W algorytmie Floyda-Steinberga blad jednego piksela trafia do czterech sasiadow w stalych proporcjach: 7/16 do piksela po prawej, 3/16 do lewego-dolnego, 5/16 do dolnego i 1/16 do prawego-dolnego. Wagi sumuja sie dokladnie do 1, bo 7 + 3 + 5 + 1 = 16, czyli 16/16. Caly blad zostaje wiec przekazany dalej, a nie rozproszony ani zdublowany. Wspolczynnik propagacji 1,0 oznacza uzycie tych wag w pelnym wymiarze; jego obnizenie powoduje, ze czesc bledu jest ignorowana, a obraz traci szczegoly w cieniach i poltonach.

Druga rodzina, czyli dithering uporzadkowany, nie przenosi bledu miedzy pikselami. Zamiast tego naklada na obraz macierz progowa: 2x2 daje 4 progi, 4x4 daje 16, a 8x8 daje 64. Piksel staje sie jasny wtedy, gdy jego wartosc przekracza prog przypisany do jego pozycji w kafelku macierzy. Im wiecej progow, tym drobniejszy wzorzec i tym plynniejsze przejscia tonalne, ale wzor pozostaje regularny i widoczny jako rastr. Oko odbiera oba typy ditheringu podobnie: z dystansu usrednia czarne i biale punkty i widzi szarosc, ktorej w pliku fizycznie nie ma.

Przyklad: jeden piksel i wedrujacy blad

Konkretny przypadek: obraz w skali szarosci, paleta docelowa to czern o wartosci 0 i biel o wartosci 255, prog decyzyjny wynosi 128, dziala algorytm Floyda-Steinberga.

  1. Piksel A ma wartosc 100. Poniewaz 100 jest mniejsze od progu 128, zostaje zapisany jako czern, czyli 0.
  2. Blad kwantyzacji to 100 minus 0, czyli 100. Tyle jasnosci zgubil ten piksel.
  3. Blad wedruje do sasiadow: prawy dostaje 7/16 ze 100, czyli 43,75; lewy-dolny 3/16 ze 100, czyli 18,75; dolny 5/16 ze 100, czyli 31,25; prawy-dolny 1/16 ze 100, czyli 6,25. Suma to 100, dokladnie tyle, ile wynosil blad.
  4. Sasiad po prawej mial pierwotnie 120. Po dodaniu 43,75 ma 163,75, czyli wiecej niz 128, wiec zostaje zapisany jako biel o wartosci 255.
  5. Nowy blad to 163,75 minus 255, czyli -91,25. Wartosc ujemna oznacza, ze kolejni sasiedzi zostana przyciemnieni. Jasny piksel odpłaca otoczeniu za to, ze sam stal sie bialy.
  6. Po przejsciu calego obrazu obszar o jasnosci 100 nie jest juz jednolity. Sklada sie z gestej siatki czerni i bieli, ktorej srednia jasnosc jest bliska 100. Z bliska widac wzor, z daleka pierwotny odcien.

Parametry ditheringu i ich wplyw na wynik

ElementWartosci ustawienWplyw na obraz
Macierz Bayera 2x24 progiNajgrubszy wzorzec, mocno widoczne kafle, silna stylizacja retro
Macierz Bayera 4x416 progówWyrazny rastr, kompromis miedzy widocznoscia wzoru a gladkoscia
Macierz Bayera 8x864 progiNajdrobniejszy wzorzec z trzech, najplynniejsze przejscia tonalne
Prog Bayera 50%Wartosc domyslnaJasnosc wyniku zblizona do oryginalu
Prog Bayera powyzej 50%Wyzej od wartosci domyslnejWieksza czesc pikseli przechodzi w jasny kolor, obraz jaśnieje
Wspolczynnik propagacji 1,0Standard Floyda-SteinbergaPelne przekazanie bledu wagami 7/16, 3/16, 5/16 i 1/16
Paleta 2-kolorowaTlo plus 1 kolorCala tonalnosc budowana z dwoch barw
Paleta 256 kolorówTypowa dla formatu GIFDithering maskuje braki palety na gradientach

Praktyczne wskazowki

  • Zacznij od wiekszego obrazu. Dithering buduje wzorzec z pojedynczych pikseli, wiec im wyzsza rozdzielczosc wejscia, tym subtelniejszy efekt po zmniejszeniu. Maly kadr wyciety z Internetu da widoczne, grube kafle zamiast gladkiego poltonu.
  • Dobierz algorytm do tresci. Portrety, niebo i miekkie cienie wygladaja lepiej z Floydem-Steinbergiem, rownomierne gradienty i tla z Bayerem, a mocno naswietlone stylizacje z Atkinsonem.
  • Oceniaj wynik w dwoch skalach. Najpierw obejrzyj podglad w powiekszeniu 100%, zeby zobaczyc strukture wzoru, potem pomniejsz obraz. Dopiero wtedy widac, czy usredniony odcien zgadza sie z oryginalem.
  • Ustaw palete pod nosnik. Do e-inku i drukarek termicznych wybierz tryb monochromatyczny, do animacji GIF ograniczona palete, a do plakatu wlasna liste kolorów HEX z kilkoma barwami.
  • Nie kompresuj stratnie po konwersji. JPEG rozmywa regularny wzorzec i dokłada wlasne artefakty. Wynik zapisuj jako PNG, GIF lub BMP.

Czego narzedzie nie uwzglednia

  • Nie odtworzy koloru spoza palety. Dithering symuluje odcien wzorem, ale pojedynczy piksel zawsze przyjmuje jedna z barw palety. Przy dwoch kolorach nie uzyskasz czerwieni ani zieleni.
  • Nie prowadzi korekcji tonalnej ani zarzadzania kolorem. Narzedzie nie rozjasnia cieni, nie ratuje przepalen i nie przelicza profili barwnych. Kontrast i jasnosc ustaw w edytorze przed konwersja, inaczej dithering utrwali bledy ekspozycji.
  • Nie maskuje artefaktow zrodla. Szum, odblaski i slady wczesniejszej kompresji zostana potraktowane jak realne szczegoly i rozproszone razem z nimi, czesto wzmacniajac widocznosc wzoru.
  • Skalowanie po konwersji psuje efekt. Zmiana rozmiaru po ditherowaniu rozmywa wzorzec i tworzy szare plamy, których nie da sie juz cofnac. Skaluj obraz przed uruchomieniem generatora.

Najczęstsze pytania

Czym różni się dithering od posteryzacji?

Posteryzacja: redukuje liczbę poziomów tonalnych – twarde przejścia między kolorami (efekt "plakat"). Dithering: redukuje kolory ale zachowuje pozorne przejście tonalne przez rozmieszczanie pikseli. Dithering daje naturalniejszy wygląd; posteryzacja – bardziej graficzny, płaski styl.

Dlaczego stare gry komputerowe używały ditheringu?

CGA (IBM PC, 1981): 4 kolory jednocześnie. EGA: 16 kolorów. Amiga HAM: 4096 kolorów ale z ograniczeniami. Dithering pozwalał symulować więcej odcieni niż dostępna paleta. Klasyki: Prince of Persia, Monkey Island, King's Quest – charakterystyczne dithered tła.

Jak dithering działa w druku offsetowym?

Druk offsetowy jest binarny (tusz jest lub go nie ma). Rastrowanie: obraz dzielony na siatkę punktów różnej wielkości (halftone). Dithering: alternatywna technika z stałymi punktami na siatce nieregularnej. Druk laserowy/inkjet: 600+ DPI pozwala na subtelny dithering niewidoczny gołym okiem.

Jak uzyskać efekt "vintage zine" przez dithering?

Konwertuj zdjęcie na czarno-białe (desaturate). Zwiększ kontrast (+30%). Zastosuj dithering Floyd-Steinberg w trybie 1-bit. Opcjonalnie: nieznaczne rozmycie przed ditheriem dla miększego efektu. Skaluj do niskiej rozdzielczości (200px) i powiększ z interpolacją "nearest neighbor".

Czy dithering zmniejsza rozmiar pliku?

Tak dla formatów 1-bit i indeksowanych (GIF, PNG-8). 1-bit PNG po ditheringu jest znacznie mniejszy niż oryginalne zdjęcie. Dithering do 8 kolorów + PNG-8 = bardzo mały plik z akceptowalną jakością dla prostych grafik. Dla JPEG: dithering nie zmniejszy rozmiaru.

Do czego sluzy generator ditheringu?

Zamienia zdjecie lub grafike na obraz o ograniczonej palecie, od czerni i bieli po wlasna liste kolorów HEX. Efekt przypomina grafike z ekranów 8-bitowych oraz drukarski raster halftone.

Który algorytm ditheringu wybrac?

Do zdjec i plynnych gradientów zwykle Floyd-Steinberg, do celowej stylizacji retro i tekstur Bayer. Atkinson daje jasniejsze, bardziej wypalone swiatla.

Czy dithering dziala na kolorowych zdjeciach?

Tak, algorytm pracuje na wszystkich kanalach koloru. Wynik zalezy od palety docelowej: 2 kolorów, 4, 8, 16 albo wlasnej listy HEX.

Czy dithering zmniejsza rozmiar pliku?

Mniejsza paleta sprzyja oszczednosci, ale rozproszony szum utrudnia bezstratna kompresje. Najwieksza redukcje daje zapis w trybie 1-bitowym.

Jaki dithering wybrac do e-inku i drukarek termicznych?

Te urzadzenia pracuja natywnie w trybie 1-bit, wiec najlepiej sprawdza sie tryb monochromatyczny z Floydem-Steinbergiem lub macierza Bayera.

Powiązane narzędzia: generator pikseli art, efekt glitch na obrazie i konwerter formatu obrazu.

Zainstaluj Webp.pl Miej narzędzia we własnej kieszeni!