1<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"> 2<!-- This site is hosted on Netlify. Anyone can build and deploy a site 3 like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=e3e30517-0183-4f2d-bccd-dccb449e9cc6 4 Netlify hosting facts for this site: static/SSR served via Netlify Edge. --><meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"><style id="nuxt-ui-colors">@layer theme { 5 :root, :host { 6 --ui-color-primary-50: var(--color-green-50, oklch(98.2% 0.018 155.826)); 7 --ui-color-primary-100: var(--color-green-100, oklch(96.2% 0.044 156.743)); 8 --ui-color-primary-200: var(--color-green-200, oklch(92.5% 0.084 155.995)); 9 --ui-color-primary-300: var(--color-green-300, oklch(87.1% 0.15 154.449)); 10 --ui-color-primary-400: var(--color-green-400, oklch(79.2% 0.209 151.711)); 11 --ui-color-primary-500: var(--color-green-500, oklch(72.3% 0.219 149.579)); 12 --ui-color-primary-600: var(--color-green-600, oklch(62.7% 0.194 149.214)); 13 --ui-color-primary-700: var(--color-green-700, oklch(52.7% 0.154 150.069)); 14 --ui-color-primary-800: var(--color-green-800, oklch(44.8% 0.119 151.328)); 15 --ui-color-primary-900: var(--color-green-900, oklch(39.3% 0.095 152.535)); 16 --ui-color-primary-950: var(--color-green-950, oklch(26.6% 0.065 152.934)); 17 --ui-color-secondary-50: var(--color-blue-50, oklch(97% 0.014 254.604)); 18 --ui-color-secondary-100: var(--color-blue-100, oklch(93.2% 0.032 255.585)); 19 --ui-color-secondary-200: var(--color-blue-200, oklch(88.2% 0.059 254.128)); 20 --ui-color-secondary-300: var(--color-blue-300, oklch(80.9% 0.105 251.813)); 21 --ui-color-secondary-400: var(--color-blue-400, oklch(70.7% 0.165 254.624)); 22 --ui-color-secondary-500: var(--color-blue-500, oklch(62.3% 0.214 259.815)); 23 --ui-color-secondary-600: var(--color-blue-600, oklch(54.6% 0.245 262.881)); 24 --ui-color-secondary-700: var(--color-blue-700, oklch(48.8% 0.243 264.376)); 25 --ui-color-secondary-800: var(--color-blue-800, oklch(42.4% 0.199 265.638)); 26 --ui-color-secondary-900: var(--color-blue-900, oklch(37.9% 0.146 265.522)); 27 --ui-color-secondary-950: var(--color-blue-950, oklch(28.2% 0.091 267.935)); 28 --ui-color-success-50: var(--color-green-50, oklch(98.2% 0.018 155.826)); 29 --ui-color-success-100: var(--color-green-100, oklch(96.2% 0.044 156.743)); 30 --ui-color-success-200: var(--color-green-200, oklch(92.5% 0.084 155.995)); 31 --ui-color-success-300: var(--color-green-300, oklch(87.1% 0.15 154.449)); 32 --ui-color-success-400: var(--color-green-400, oklch(79.2% 0.209 151.711)); 33 --ui-color-success-500: var(--color-green-500, oklch(72.3% 0.219 149.579)); 34 --ui-color-success-600: var(--color-green-600, oklch(62.7% 0.194 149.214)); 35 --ui-color-success-700: var(--color-green-700, oklch(52.7% 0.154 150.069)); 36 --ui-color-success-800: var(--color-green-800, oklch(44.8% 0.119 151.328)); 37 --ui-color-success-900: var(--color-green-900, oklch(39.3% 0.095 152.535)); 38 --ui-color-success-950: var(--color-green-950, oklch(26.6% 0.065 152.934)); 39 --ui-color-info-50: var(--color-blue-50, oklch(97% 0.014 254.604)); 40 --ui-color-info-100: var(--color-blue-100, oklch(93.2% 0.032 255.585)); 41 --ui-color-info-200: var(--color-blue-200, oklch(88.2% 0.059 254.128)); 42 --ui-color-info-300: var(--color-blue-300, oklch(80.9% 0.105 251.813)); 43 --ui-color-info-400: var(--color-blue-400, oklch(70.7% 0.165 254.624)); 44 --ui-color-info-500: var(--color-blue-500, oklch(62.3% 0.214 259.815)); 45 --ui-color-info-600: var(--color-blue-600, oklch(54.6% 0.245 262.881)); 46 --ui-color-info-700: var(--color-blue-700, oklch(48.8% 0.243 264.376)); 47 --ui-color-info-800: var(--color-blue-800, oklch(42.4% 0.199 265.638)); 48 --ui-color-info-900: var(--color-blue-900, oklch(37.9% 0.146 265.522)); 49 --ui-color-info-950: var(--color-blue-950, oklch(28.2% 0.091 267.935)); 50 --ui-color-warning-50: var(--color-yellow-50, oklch(98.7% 0.026 102.212)); 51 --ui-color-warning-100: var(--color-yellow-100, oklch(97.3% 0.071 103.193)); 52 --ui-color-warning-200: var(--color-yellow-200, oklch(94.5% 0.129 101.54)); 53 --ui-color-warning-300: var(--color-yellow-300, oklch(90.5% 0.182 98.111)); 54 --ui-color-warning-400: var(--color-yellow-400, oklch(85.2% 0.199 91.936)); 55 --ui-color-warning-500: var(--color-yellow-500, oklch(79.5% 0.184 86.047)); 56 --ui-color-warning-600: var(--color-yellow-600, oklch(68.1% 0.162 75.834)); 57 --ui-color-warning-700: var(--color-yellow-700, oklch(55.4% 0.135 66.442)); 58 --ui-color-warning-800: var(--color-yellow-800, oklch(47.6% 0.114 61.907)); 59 --ui-color-warning-900: var(--color-yellow-900, oklch(42.1% 0.095 57.708)); 60 --ui-color-warning-950: var(--color-yellow-950, oklch(28.6% 0.066 53.813)); 61 --ui-color-error-50: var(--color-red-50, oklch(97.1% 0.013 17.38)); 62 --ui-color-error-100: var(--color-red-100, oklch(93.6% 0.032 17.717)); 63 --ui-color-error-200: var(--color-red-200, oklch(88.5% 0.062 18.334)); 64 --ui-color-error-300: var(--color-red-300, oklch(80.8% 0.114 19.571)); 65 --ui-color-error-400: var(--color-red-400, oklch(70.4% 0.191 22.216)); 66 --ui-color-error-500: var(--color-red-500, oklch(63.7% 0.237 25.331)); 67 --ui-color-error-600: var(--color-red-600, oklch(57.7% 0.245 27.325)); 68 --ui-color-error-700: var(--color-red-700, oklch(50.5% 0.213 27.518)); 69 --ui-color-error-800: var(--color-red-800, oklch(44.4% 0.177 26.899)); 70 --ui-color-error-900: var(--color-red-900, oklch(39.6% 0.141 25.723)); 71 --ui-color-error-950: var(--color-red-950, oklch(25.8% 0.092 26.042)); 72 --ui-color-neutral-50: var(--color-slate-50, oklch(98.4% 0.003 247.858)); 73 --ui-color-neutral-100: var(--color-slate-100, oklch(96.8% 0.007 247.896)); 74 --ui-color-neutral-200: var(--color-slate-200, oklch(92.9% 0.013 255.508)); 75 --ui-color-neutral-300: var(--color-slate-300, oklch(86.9% 0.022 252.894)); 76 --ui-color-neutral-400: var(--color-slate-400, oklch(70.4% 0.04 256.788)); 77 --ui-color-neutral-500: var(--color-slate-500, oklch(55.4% 0.046 257.417)); 78 --ui-color-neutral-600: var(--color-slate-600, oklch(44.6% 0.043 257.281)); 79 --ui-color-neutral-700: var(--color-slate-700, oklch(37.2% 0.044 257.287)); 80 --ui-color-neutral-800: var(--color-slate-800, oklch(27.9% 0.041 260.031)); 81 --ui-color-neutral-900: var(--color-slate-900, oklch(20.8% 0.042 265.755)); 82 --ui-color-neutral-950: var(--color-slate-950, oklch(12.9% 0.042 264.695)); 83 } 84 :root, :host, .light { 85 --ui-primary: var(--ui-color-primary-500); 86 --ui-secondary: var(--ui-color-secondary-500); 87 --ui-success: var(--ui-color-success-500); 88 --ui-info: var(--ui-color-info-500); 89 --ui-warning: var(--ui-color-warning-500); 90 --ui-error: var(--ui-color-error-500); 91 } 92 .dark { 93 --ui-primary: var(--ui-color-primary-400); 94 --ui-secondary: var(--ui-color-secondary-400); 95 --ui-success: var(--ui-color-success-400); 96 --ui-info: var(--ui-color-info-400); 97 --ui-warning: var(--ui-color-warning-400); 98 --ui-error: var(--ui-color-error-400); 99 } 100}</style><title>Dither it!</title><style>.glint[data-v-28e474e6]{animation:glint-pulse-28e474e6 1.6s ease-in-out infinite}@keyframes glint-pulse-28e474e6{0%,to{filter:drop-shadow(0 0 4px rgba(253,224,71,.6))}50%{filter:drop-shadow(0 0 12px rgba(253,224,71,1)) drop-shadow(0 0 24px rgba(253,186,0,.8))}}.fab-enter-active[data-v-28e474e6],.fab-leave-active[data-v-28e474e6]{transition:opacity .2s ease,transform .2s ease}.fab-enter-from[data-v-28e474e6],.fab-leave-to[data-v-28e474e6]{opacity:0;transform:translate(-50%) translateY(8px)}</style><link rel="stylesheet" href="/_nuxt/entry.lSqBYpZY.css" crossorigin><style>
100@layer base {:where(.i-lucide\:check){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 6L9 17l-5-5'/%3E%3C/svg%3E")}:where(.i-lucide\:chevron-down){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9l6 6l6-6'/%3E%3C/svg%3E")}:where(.i-lucide\:c
100hevron-right){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m9 18l6-6l-6-6'/%3E%3C/svg%3E")}:where(.i-lucide\:circle-help){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3m.08 4h.01'/%3E%3C/g%3E%3C/svg%3E")}:where(.i-lucide\:download){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 15V3m9 12v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpath d='m7 10l5 5l5-5'/%3E%3C/g%3E%3C/svg%3E")}:where(.i-lucide\:menu){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 5h16M4 12h16M4 19h16'/%3E%3C/svg%3E")}:where(.i-lucide\:minus){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14'/%3E%3C/svg%3E")}:where(.i-lucide\:moon){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401'/%3E%3C/svg%3E")}:where(.i-lucide\:plus){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14m-7-7v14'/%3E%3C/svg%3E")}:where(.i-lucide\:settings){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M9.671 4.136a2.34 2.34 0 0 1 4.659 0a2.34 2.34 0 0 0 3.319 1.915a2.34 2.34 0 0 1 2.33 4.033a2.34 2.34 0 0 0 0 3.831a2.34 2.34 0 0 1-2.33 4.033a2.34 2.34 0 0 0-3.319 1.915a2.34 2.34 0 0 1-4.659 0a2.34 2.34 0 0 0-3.32-1.915a2.34 2.34 0 0 1-2.33-4.033a2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/g%3E%3C/svg%3E")}}</style><link rel="preload" as="fetch" crossorigin="anonymous" href="/_payload.json?68862051-fb26-4a80-90bf-4e21678ffd47"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/BYXglTKb.js">
100<link rel="modulepreload" as="script" crossorigin href="/_nuxt/B9GmHZXv.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/DlAUqK2U.js">
100<script src="https://cdn.usefathom.com/script.js" data-site="OYXXIEJE" defer></script>
100<script type="module" src="/_nuxt/BYXglTKb.js" crossorigin></script>
100<meta name="description" content="Free online image dithering tool. Floyd-Steinberg, Atkinson, Bayer ordered dithering, animated GIFs, and multi-image upload â processed locally in your browser."><meta name="theme-color" content="#C53030"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"><link rel="icon" type="image/x-icon" href="/favicon.ico"><link rel="alternate" type="application/rss+xml" title="Dither it! Blog" href="/rss.xml"><link rel="manifest" href="/manifest.json"><link rel="apple-touch-icon" href="/apple-touch-icon.png"><link rel="canonical" href="https://ditherit.com/"><meta property="og:title" content="Dither it!"><meta property="og:description" content="Free online image dithering tool. Floyd-Steinberg, Atkinson, Bayer ordered dithering, animated GIFs, and multi-image upload â processed locally in your browser."><meta property="og:type" content="website"><meta property="og:site_name" content="Dither it!"><meta property="og:url" content="https://ditherit.com/"><meta property="og:image" content="https://ditherit.com/og-image.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:image" content="https://ditherit.com/og-image.png">
100<script>"use strict";(()=>{const t=window,e=document.documentElement,c=["dark","light"],n=getStorageValue("localStorage","nuxt-color-mode")||"system";let i=n==="system"?u():n;const r=e.getAttribute("data-color-mode-forced");r&&(i=r),l(i),t["__NUXT_COLOR_MODE__"]={preference:n,value:i,getColorScheme:u,addColorScheme:l,removeColorScheme:d};function l(o){const s=""+o+"",a="";e.classList?e.classList.add(s):e.className+=" "+s,a&&e.setAttribute("data-"+a,o)}function d(o){const s=""+o+"",a="";e.classList?e.classList.remove(s):e.className=e.className.replace(new RegExp(s,"g"),""),a&&e.removeAttribute("data-"+a)}function f(o){return t.matchMedia("(prefers-color-scheme"+o+")")}function u(){if(t.matchMedia&&f("").media!=="not all"){for(const o of c)if(f(":"+o).matches)return o}return"light"}})();function getStorageValue(t,e){switch(t){case"localStorage":return window.localStorage.getItem(e);case"sessionStorage":return window.sessionStorage.getItem(e);case"cookie":return getCookie(e);default:return null}}function getCookie(t){const c=("; "+window.document.cookie).split("; "+t+"=");if(c.length===2)return c.pop()?.split(";").shift()}</script>
100</head><body><div id="__nuxt" class="isolate"><!--[--><!--[--><!--[--><!--[--><!--[--><!--[--><div class="flex h-dvh flex-col bg-gray-100 dark:bg-gray-900 bg-grid pt-12 lg:pt-0" data-v-28e474e6><input type="file" accept="image/*" multiple class="hidden" data-v-28e474e6><canvas class="hidden" data-v-28e474e6></canvas><!--[--><header class="fixed inset-x-0 top-0 z-50 flex h-12 shrink-0 items-center border-b border-gray-100 bg-white px-4 dark:border-gray-800 dark:bg-gray-800 lg:relative lg:inset-x-auto lg:top-auto lg:z-auto"><!----><span class="absolute left-1/2 -translate-x-1/2"><a aria-current="page" href="/" class="router-link-active router-link-exact-active"><svg viewBox="0 0 379 65" fill="none" xmlns="http://www.w3.org/2000/svg" class="inline-block h-6"><path d="M48.248 33.76C48.248 18.688 39.512 7.936 27.032 7.936H26.552C23.192 7.936 22.328 9.568 22.328 13.312L22.424 48.448C22.424 52.192 23.288 55.168 28.472 55.168H28.952C42.392 55.168 48.248 44.992 48.248 33.76ZM13.688 0.0639992H27.416C52.376 0.0639992 66.68 15.04 66.68 33.856C66.68 49.6 53.24 64 31.64 64H13.784C6.104 64 0.632 62.656 0.632 59.104C0.632 56.032 5.144 53.152 5.144 49.696L4.952 14.368C4.952 10.912 0.44 8.032 0.44 4.96C0.44 1.408 5.912 0.0639992 13.688 0.0639992ZM90.2698 5.152C91.2298 8.32 89.0218 11.872 82.8778 13.504C81.1498 13.984 79.5178 14.176 77.9818 14.176C74.0458 14.176 70.9738 12.736 70.3018 10.432C69.4378 7.264 71.7418 3.712 77.6938 2.08C79.4218 1.6 81.1498 1.408 82.6858 1.408C86.7178 1.408 89.6938 2.848 90.2698 5.152ZM89.9818 49.792C89.9818 53.152 94.0138 56.032 94.0138 59.104C94.0138 62.656 88.5418 64 81.8218 64C75.1018 64 69.7258 62.656 69.7258 59.104C69.7258 56.032 73.6618 53.152 73.6618 49.792V32.608C73.6618 29.248 70.3018 29.152 69.6298 26.08C68.8618 22.816 73.2778 19.84 79.3258 18.4C81.6298 17.92 83.4538 17.536 84.9898 17.536C88.4458 17.536 89.9818 19.168 89.9818 23.584V49.792ZM98.789 30.592C98.789 28.768 98.405 28.096 96.869 28.096C94.757 28.096 93.605 27.136 93.605 25.216V23.104C93.605 21.088 94.853 20.224 97.157 20.224H97.541C102.341 20.224 103.013 18.592 104.645 15.136L105.413 13.504C106.853 10.432 107.813 9.856 110.789 9.856H111.941C113.957 9.856 115.109 10.528 115.109 13.408V16.48C115.109 18.976 115.589 20.224 118.949 20.224H122.693C124.997 20.224 126.245 21.088 126.245 23.104V25.216C126.245 27.136 124.997 28.096 122.693 28.096H118.949C115.589 28.096 115.109 29.248 115.109 31.744V42.784C115.109 47.968 115.397 51.232 119.045 51.232C121.541 51.232 123.557 49.984 124.805 48.736C125.669 47.776 126.533 47.104 127.877 47.488C129.125 47.872 129.605 49.696 128.837 51.904C126.533 58.432 122.117 64 113.093 64C104.741 64 98.789 58.912 98.789 48.736V30.592ZM150.457 49.792C150.457 53.152 154.681 56.032 154.681 59.104C154.681 62.656 149.017 64 142.297 64C135.577 64 129.817 62.656 129.817 59.104C129.817 56.032 134.137 53.152 134.137 49.792V17.44C134.137 14.08 130.489 13.984 129.817 11.008C128.953 7.552 134.425 4.288 140.761 2.272C143.257 1.504 145.369 1.024 147.001 1.024C149.593 1.024 151.129 1.984 151.609 4.096C152.281 7.168 150.457 11.872 150.457 17.44V22.72C150.649 23.488 150.937 23.872 151.225 23.872C151.609 23.872 152.089 23.392 152.761 22.528C154.585 20.32 157.945 17.536 162.937 17.536C170.329 17.536 171.961 22.72 174.265 32.512L178.585 49.504C180.025 55.264 183.865 55.264 183.865 59.104C183.865 62.656 178.489 64 171.769 64C165.049 64 159.673 62.656 159.673 59.104C159.673 56.032 162.169 56.032 161.209 50.56L158.521 35.872C157.849 32.608 156.793 30.112 154.201 30.112C151.417 30.112 150.457 32.128 150.457 36.832V49.792ZM204.183 38.848C208.215 38.848 210.807 34.912 210.807 31.264C210.807 26.848 209.079 24.448 206.295 24.448C203.799 24.448 200.439 28.576 200.439 33.952C200.439 36.544 201.879 38.848 204.183 38.848ZM223.383 48.928C225.783 48.064 227.895 50.464 227.127 53.728C225.879 58.912 218.103 64 207.351 64C194.775 64 183.159 56.32 183.159 41.056C183.159 25.312 195.543 17.536 207.063 17.536C219.831 17.536 226.839 22.72 226.839 30.496C226.839 38.368 218.775 41.44 207.351 43.84C204.375 44.512 204.759 47.008 206.007 48.064C208.407 50.176 211.383 51.232 214.359 51.232C218.583 51.232 221.463 49.6 223.383 48.928ZM250.482 49.792C250.482 53.152 254.418 56.032 254.418 59.104C254.418 62.656 249.042 64 242.322 64C235.602 64 230.13 62.656 230.13 59.104C230.13 56.032 234.066 53.152 234.066 49.792V32.8C234.066 29.344 230.802 29.248 230.13 26.272C229.362 22.912 233.682 19.936 239.826 18.496C242.418 17.92 244.338 17.536 245.778 17.536C247.986 17.536 249.138 18.4 249.81 20.224C250.098 20.8 250.29 21.472 250.386 22.336C250.77 23.776 251.25 24.448 251.922 24.448C252.306 24.448 252.786 24.16 253.266 23.488C256.146 20.032 258.738 17.536 264.114 17.536C272.178 17.536 275.634 25.984 272.37 33.28C270.546 37.312 267.666 39.136 264.882 39.136C262.386 39.136 259.986 37.6 258.642 34.912C257.106 31.936 255.666 30.112 253.362 30.112C251.058 30.112 250.482 32.128 250.482 36.832V49.792ZM313.489 5.
100152C314.449 8.32 312.241 11.872 306.097 13.504C304.369 13.984 302.737 14.176 301.201 14.176C297.265 14.176 294.193 12.736 293.521 10.432C292.657 7.264 294.961 3.712 300.913 2.08C302.641 1.6 304.369 1.408 305.905 1.408C309.937 1.408 312.913 2.848 313.489 5.152ZM313.201 49.792C313.201 53.152 317.233 56.032 317.233 59.104C317.233 62.656 311.761 64 305.041 64C298.321 64 292.945 62.656 292.945 59.104C292.945 56.032 296.881 53.152 296.881 49.792V32.608C296.881 29.248 293.521 29.152 292.849 26.08C292.081 22.816 296.497 19.84 302.545 18.4C304.849 17.92 306.673 17.536 308.209 17.536C311.665 17.536 313.201 19.168 313.201 23.584V49.792ZM322.008 30.592C322.008 28.768 321.624 28.096 320.088 28.096C317.976 28.096 316.824 27.136 316.824 25.216V23.104C316.824 21.088 318.072 20.224 320.376 20.224H320.76C325.56 20.224 326.232 18.592 327.864 15.136L328.632 13.504C330.072 10.432 331.032 9.856 334.008 9.856H335.16C337.176 9.856 338.328 10.528 338.328 13.408V16.48C338.328 18.976 338.808 20.224 342.168 20.224H345.912C348.216 20.224 349.464 21.088 349.464 23.104V25.216C349.464 27.136 348.216 28.096 345.912 28.096H342.168C338.808 28.096 338.328 29.248 338.328 31.744V42.784C338.328 47.968 338.616 51.232 342.264 51.232C344.76 51.232 346.776 49.984 348.024 48.736C348.888 47.776 349.752 47.104 351.096 47.488C352.344 47.872 352.824 49.696 352.056 51.904C349.752 58.432 345.336 64 336.312 64C327.96 64 322.008 58.912 322.008 48.736V30.592ZM371.35 37.888C370.198 41.44 368.758 42.592 366.742 42.592C364.726 42.592 363.382 41.44 362.134 37.888C361.558 35.968 354.838 16.48 354.838 9.472C354.838 3.616 360.118 0.0639992 366.646 0.0639992C373.078 0.0639992 378.358 3.616 378.358 9.472C378.358 16.48 372.022 35.968 371.35 37.888ZM376.822 54.208C377.302 58.72 373.942 63.232 368.086 64.096C361.942 64.96 357.046 61.792 356.566 57.184C356.086 52.672 359.446 48.16 365.302 47.296C371.446 46.432 376.246 49.6 376.822 54.208Z" class="fill-ditherit"></path></svg></a></span><nav class="mr-2 hidden items-center gap-0.5 lg:ml-auto lg:flex"><!--[--><!--[--><a href="/about" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-xs gap-1.5 text-default hover:bg-elevated active:bg-elevated focus:outline-none focus-visible:bg-elevated hover:disabled:bg-transparent dark:hover:disabled:bg-transparent hover:aria-disabled:bg-transparent dark:hover:aria-disabled:bg-transparent"><!--[--><!--[--><!----><!--]--><!--[--><span data-slot="label" class="truncate">About</span><!--]--><!--[--><!----><!--]--><!--]--></a><!--]--><!--[--><a href="/resources" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-xs gap-1.5 text-default hover:bg-elevated active:bg-elevated focus:outline-none focus-visible:bg-elevated hover:disabled:bg-transparent dark:hover:disabled:bg-transparent hover:aria-disabled:bg-transparent dark:hover:aria-disabled:bg-transparent"><!--[--><!--[--><!----><!--]--><!--[--><span data-slot="label" class="truncate">Resources</span><!--]--><!--[--><!----><!--]--><!--]--></a><!--]--><!--[--><a href="/blog" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-xs gap-1.5 text-default hover:bg-elevated active:bg-elevated focus:outline-none focus-visible:bg-elevated hover:disabled:bg-transparent dark:hover:disabled:bg-transparent hover:aria-disabled:bg-transparent dark:hover:aria-disabled:bg-transparent"><!--[--><!--[--><!----><!--]--><!--[--><span data-slot="label" class="truncate">Blog</span><!--]--><!--[--><!----><!--]--><!--]--></a><!--]--><!--[--><a href="/contact" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-xs gap-1.5 text-default hover:bg-elevated active:bg-elevated focus:outline-none focus-visible:bg-elevated hover:disabled:bg-transparent dark:hover:disabled:bg-transparent hover:aria-disabled:bg-transparent dark:hover:aria-disabled:bg-transparent"><!--[--><!--[--><!----><!--]--><!--[--><span data-slot="label" class="truncate">Contact</span><!--]--><!--[--><!----><!--]--><!--]--></a>
100<!--]--><!--]--></nav><!--[--><a href="/support" data-slot="base" class="rounded-md font-medium items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-xs gap-1.5 ring ring-inset ring-primary/50 text-primary hover:bg-primary/10 active:bg-primary/10 disabled:bg-transparent aria-disabled:bg-transparent dark:disabled:bg-transparent dark:aria-disabled:bg-transparent focus:outline-none focus-visible:ring-2 focus-visible:ring-primary hidden lg:flex bg-white dark:bg-gray-800"><!--[--><!--[--><!----><!--]--><!--[--><span data-slot="label" class="truncate">â¤ï¸ Support</span><!--]--><!--[--><!----><!--]--><!--]--></a><!--]--><!--[--><!--[--><button type="button" aria-label="Switch to dark mode" data-slot="base" class="rounded-md font-medium items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors text-xs gap-1.5 text-default hover:bg-elevated active:bg-elevated focus:outline-none focus-visible:bg-elevated hover:disabled:bg-transparent dark:hover:disabled:bg-transparent hover:aria-disabled:bg-transparent dark:hover:aria-disabled:bg-transparent p-1.5 hidden lg:flex"><!--[--><!--[--><span class="iconify i-lucide:moon shrink-0 size-4" aria-hidden="true" style="" data-slot="leadingIcon"></span><!--]--><!--[--><!----><!--]--><!--[--><!----><!--]--><!--]--></button><!--]--><!--]--><div class="ml-auto flex items-center gap-0.5 lg:hidden"><!--[--><!--[--><button type="button" aria-label="Switch to dark mode" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors text-xs gap-1.5 text-default hover:bg-elevated active:bg-elevated focus:outline-none focus-visible:bg-elevated hover:disabled:bg-transparent dark:hover:disabled:bg-transparent hover:aria-disabled:bg-transparent dark:hover:aria-disabled:bg-transparent p-1.5"><!--[--><!--[--><span class="iconify i-lucide:moon shrink-0 size-4" aria-hidden="true" style="" data-slot="leadingIcon"></span><!--]--><!--[--><!----><!--]--><!--[--><!----><!--]--><!--]--></button><!--]--><!--]--><!--[--><!--[--><button type="button" aria-label="Menu" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors text-xs gap-1.5 text-default hover:bg-elevated active:bg-elevated focus:outline-none focus-visible:bg-elevated hover:disabled:bg-transparent dark:hover:disabled:bg-transparent hover:aria-disabled:bg-transparent dark:hover:aria-disabled:bg-transparent p-1.5"><!--[--><!--[--><span class="iconify i-lucide:menu shrink-0 size-4" aria-hidden="true" style="" data-slot="leadingIcon"></span><!--]--><!--[--><!----><!--]--><!--[--><!----><!--]--><!--]--></button><!--]--><!--]--></div></header><!--[--><!----><!--v-if--><!--]--><!--]--><!----><!--[--><!--[--><!----><!--v-if--><!--]--><!--]--><!--[--><!--[--><!----><!--v-if--><!--]--><!--]--><!--[--><!--[--><!----><!--v-if--><!--]--><!--]--><!--[--><!--[--><!----><!--v-if--><!--]--><!--]--><div class="flex flex-1 flex-col lg:flex-row overflow-hidden" data-v-28e474e6><div class="hidden lg:flex w-64 shrink-0 flex-col overflow-hidden" data-v-28e474e6><aside class="flex flex-col bg-white dark:bg-gray-800 rounded-xl shadow-sm overflow-y-auto max-h-[calc(100%-1.5rem)] mt-3 mb-3 mx-3" data-v-28e474e6><div data-v-28e474e6><div class="space-y-4 px-4 py-4"><div><div class="flex items-center justify-between"><!--[--><span class="text-sm font-medium text-highlighted">Dither Mode</span><!--]--><!--[--><!--[--><div id="reka-popover-trigger-v-0-0" type="button" aria-haspopup="dialog" aria-expanded="false" aria-controls data-state="closed" class="p-1.5 lg:p-0 -m-1.5 lg:m-0"><span class="iconify i-lucide:circle-help size-4 cursor-pointer text-ditherit" aria-hidden="true" style=""></span></div><!----><!--v-if--><!--]--><!--]--></div><!--[--><!--[--><!--[--><button data-slot="base" class="relative group rounded-md inline-flex items-center focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-highlighted bg-default ring ring-inset ring-accented hover:bg-elevated disabled:bg-default focus:ring-2 focus:ring-inset focus:ring-primary pe-9 md:text-sm text-left mt-2 w-full" role="combobox" type="button" aria-controls="reka-select-content-v-0-1" aria-expanded="false" aria-required="false" aria-autocomplete="none" dir="ltr" data-state="closed"><!--[--><!----><!--[--><!--[--><!--[--><span data-slot="value" class="truncate pointer-events-none">Error Diffusion</span><!--]--><!--]--><!--]--><span data-slot="trailing" class="absolute inset-y-0 end-0 flex items-center pe-2.5"><!--[-->
100<span class="iconify i-lucide:chevron-down shrink-0 text-dimmed size-5" aria-hidden="true" style="" data-slot="trailingIcon"></span><!--]--></span><!--]--></button><!--v-if--><!--]--><select aria-hidden="true" tabindex="-1" style="position:absolute;border:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;word-wrap:normal;top:-1px;left:-1px;" value="diffusion"><!--[--><!--]--></select><!--]--><!--]--></div><div class="space-y-1.5"><span class="text-xs font-medium uppercase tracking-wide text-muted">Algorithm</span><!--[--><!--[--><button data-slot="base" class="relative group rounded-md inline-flex items-center focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-highlighted bg-default ring ring-inset ring-accented hover:bg-elevated disabled:bg-default focus:ring-2 focus:ring-inset focus:ring-primary pe-9 md:text-sm w-full" role="combobox" type="button" aria-controls="reka-select-content-v-0-2" aria-expanded="false" aria-required="false" aria-autocomplete="none" dir="ltr" data-state="closed"><!--[--><!----><!--[--><!--[--><!--[--><span data-slot="value" class="truncate pointer-events-none">Floyd-Steinberg</span><!--]--><!--]--><!--]--><span data-slot="trailing" class="absolute inset-y-0 end-0 flex items-center pe-2.5"><!--[--><span class="iconify i-lucide:chevron-down shrink-0 text-dimmed size-5" aria-hidden="true" style="" data-slot="trailingIcon"></span><!--]--></span><!--]--></button><!--v-if--><!--]--><select aria-hidden="true" tabindex="-1" style="position:absolute;border:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;word-wrap:normal;top:-1px;left:-1px;" value="FloydSteinberg"><!--[--><!--]--></select><!--]--></div><!----><!----><div data-state="closed" data-slot="root"><!--[--><!--[--><!--[--><button type="button" aria-controls aria-expanded="false" data-state="closed" data-slot="base" class="rounded-md inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 gap-1.5 hover:bg-elevated active:bg-elevated focus:outline-none focus-visible:bg-elevated hover:disabled:bg-transparent dark:hover:disabled:bg-transparent hover:aria-disabled:bg-transparent dark:hover:aria-disabled:bg-transparent -mx-1 text-xs font-medium uppercase tracking-wide text-muted"><!--[--><!--[--><!----><!--]--><!--[--><span data-slot="label" class="truncate">Advanced</span><!--]--><!--[--><span class="iconify i-lucide:chevron-right size-3 transition-transform duration-200" aria-hidden="true" style=""></span><!--]--><!--]--></button><!--]--><!--]--><div data-slot="content" class="data-[state=open]:animate-[collapsible-down_200ms_ease-out] data-[state=closed]:animate-[collapsible-up_200ms_ease-out] overflow-hidden" id="reka-collapsible-content-v-0-3" hidden data-state="closed" style="--reka-collapsible-content-height:0px;--reka-collapsible-content-width:0px;"><!--v-if--></div><!--]--></div></div><div data-orientation="horizontal" role="separator" data-slot="root" class="flex items-center align-center text-center w-full flex-row"><!--[--><!--[--><div data-slot="border" class="border-default w-full border-solid border-t"></div><!----><!--]--><!--]--></div><div class="px-4 py-4"><div><div class="flex items-center justify-between"><!--[--><span class="text-sm font-medium text-highlighted">Palette</span><!--]--><!--[--><!--[--><div id="reka-popover-trigger-v-0-4" type="button" aria-haspopup="dialog" aria-expanded="false" aria-controls data-state="closed" class="p-1.5 lg:p-0 -m-1.5 lg:m-0"><span class="iconify i-lucide:circle-help size-4 cursor-pointer text-ditherit" aria-hidden="true" style=""></span></div><!----><!--v-if--><!--]--><!--]--></div><!--[--><div class="space-y-3 mt-2"><div class="flex flex-wrap gap-1"><!--[--><div class="relative"><button type="button" class="size-9 lg:size-7 rounded-full shadow-sm shadow-black/30 cursor-pointer transition-all" style="background-color:#ffffff;" aria-label="Edit color #ffffff"></button><!----></div><div class="relative"><button type="button" class="size-9 lg:size-7 rounded-full shadow-sm shadow-black/30 cursor-pointer transition-all" style="background-color:#000000;" aria-label="Edit color #000000"></button><!----></div><!--]--><button type="button" class="size-9 lg:size-7 rounded-full border-2 border-dashed border-gray-100 dark:border-gray-500 flex items-center justify-center text-gray-500 hover:border-gray-500 hover:text-gray-500 transition-colors"><span class="iconify i-lucide:plus size-4" aria-hidden="true" style=""></span></button></div><!----><span class="text-xs font-medium uppercase tracking-wide text-muted">Presets</span><!--[--><!--[--><button data-slot="base" class="relative group rounded-md inline-flex items-center focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-highlighted bg-default ring ring-inset ring-accented hover:bg-elevated disabled:bg-default focus:ring-2 focus:ring-inset focus:ring-primary pe-9 md:text-sm w-full" role="combobox" type="button" aria-controls="reka-select-content-v-0-5" aria-expanded="false" aria-required="false" aria-autocomplete="none" dir="ltr" data-state="closed"><!--[--><!----><!--[--><!--[--><!--[--><span data-slot="value" class="truncate pointer-events-none">Original (from image)</span><!--]--><!--]--><!--]--><span data-slot="trailing" class="absolute inset-y-0 end-0 flex items-center pe-2.5"><!--[-->
100<span class="iconify i-lucide:chevron-down shrink-0 text-dimmed size-5" aria-hidden="true" style="" data-slot="trailingIcon"></span><!--]--></span><!--]--></button><!--v-if--><!--]--><select aria-hidden="true" tabindex="-1" style="position:absolute;border:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;word-wrap:normal;top:-1px;left:-1px;" value="original"><!--[--><!--]--></select><!--]--><div class="space-y-1"><div><div class="flex items-center justify-between"><!--[--><span class="text-xs text-gray-500 dark:text-gray-400">Color selection method</span><!--]--><!--[--><!--[--><div id="reka-popover-trigger-v-0-6" type="button" aria-haspopup="dialog" aria-expanded="false" aria-controls data-state="closed" class="p-1.5 lg:p-0 -m-1.5 lg:m-0"><span class="iconify i-lucide:circle-help size-4 cursor-pointer text-ditherit" aria-hidden="true" style=""></span></div><!----><!--v-if--><!--]--><!--]--></div><!--[--><!--[--><!--[--><button data-slot="base" class="relative group rounded-md inline-flex items-center focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-highlighted bg-default ring ring-inset ring-accented hover:bg-elevated disabled:bg-default focus:ring-2 focus:ring-inset focus:ring-primary pe-9 md:text-sm mt-1 w-full" role="combobox" type="button" aria-controls="reka-select-content-v-0-7" aria-expanded="false" aria-required="false" aria-autocomplete="none" dir="ltr" data-state="closed"><!--[--><!----><!--[--><!--[--><!--[--><span data-slot="value" class="truncate pointer-events-none">Popularity</span><!--]--><!--]--><!--]--><span data-slot="trailing" class="absolute inset-y-0 end-0 flex items-center pe-2.5"><!--[--><span class="iconify i-lucide:chevron-down shrink-0 text-dimmed size-5" aria-hidden="true" style="" data-slot="trailingIcon"></span><!--]--></span><!--]--></button><!--v-if--><!--]--><select aria-hidden="true" tabindex="-1" style="position:absolute;border:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;word-wrap:normal;top:-1px;left:-1px;" value="popularity"><!--[--><!--]--></select><!--]--><!--]--></div></div><div class="space-y-1"><span class="text-xs text-gray-500 dark:text-gray-400">Number of colors</span><div class="flex items-center gap-2"><div data-slot="root" class="relative inline-flex items-center flex-1" role="group"><!--[--><input value="8" role="spinbutton" type="text" tabindex="0" inputmode="decimal" autocomplete="off" autocorrect="off" spellcheck="false" aria-roledescription="Number field" aria-valuenow="8" aria-valuemin="2" aria-valuemax="32" data-slot="base" class="w-full rounded-md border-0 placeholder:text-dimmed focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 transition-colors px-2.5 py-1.5 text-base/5 gap-1.5 text-highlighted bg-default ring ring-inset ring-accented text-center focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary ps-9 pe-9 md:text-sm"><div data-slot="increment" class="absolute flex items-center inset-y-0 end-0 pe-1"><!--[--><!--[--><button type="button" tabindex="-1" aria-label="Increment" style="" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors text-sm gap-1.5 text-primary hover:text-primary/75 active:text-primary/75 disabled:text-primary aria-disabled:text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary p-1.5"><!--[--><!--[--><span class="iconify i-lucide:plus shrink-0 size-5" aria-hidden="true" style="" data-slot="leadingIcon"></span><!--]--><!--[--><!----><!--]--><!--[--><!----><!--]--><!--]--></button><!--]--><!--]--></div><div data-slot="decrement" class="absolute flex items-center inset-y-0 start-0 ps-1"><!--[--><!--[--><button type="button" tabindex="-1" aria-label="Decrement" style="" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors text-sm gap-1.5 text-primary hover:text-primary/75 active:text-primary/75 disabled:text-primary aria-disabled:text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary p-1.5"><!--[--><!--[--><span class="iconify i-lucide:minus shrink-0 size-5" aria-hidden="true" style="" data-slot="leadingIcon"></span><!--]--><!--[--><!----><!--]--><!--[--><!----><!--]--><!--]--></button><!--]--><!--]--></div><!--]--><!--v-if--></div><!--[--><!--[--><button type="button" disabled aria-label="Apply color count" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors text-sm gap-1.5 text-default bg-elevated hover:bg-accented/75 active:bg-accented/75 focus:outline-none focus-visible:bg-accented/75 disabled:bg-elevated aria-disabled:bg-elevated p-1.5"><!--[--><!--[-->
100<span class="iconify i-lucide:check shrink-0 size-5" aria-hidden="true" style="" data-slot="leadingIcon"></span><!--]--><!--[--><!----><!--]--><!--[--><!----><!--]--><!--]--></button><!--]--><!--]--></div></div><div class="flex items-center justify-between"><!--[--><!--[--><button type="button" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-xs gap-1.5 text-default hover:bg-elevated active:bg-elevated focus:outline-none focus-visible:bg-elevated hover:disabled:bg-transparent dark:hover:disabled:bg-transparent hover:aria-disabled:bg-transparent dark:hover:aria-disabled:bg-transparent"><!--[--><!--[--><!----><!--]--><!--[--><span data-slot="label" class="truncate">Save palette</span><!--]--><!--[--><!----><!--]--><!--]--></button><!--]--><!--]--><!--[--><!--[--><button type="button" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-xs gap-1.5 text-default hover:bg-elevated active:bg-elevated focus:outline-none focus-visible:bg-elevated hover:disabled:bg-transparent dark:hover:disabled:bg-transparent hover:aria-disabled:bg-transparent dark:hover:aria-disabled:bg-transparent"><!--[--><!--[--><!----><!--]--><!--[--><span data-slot="label" class="truncate">Export</span><!--]--><!--[--><!----><!--]--><!--]--></button><!--]--><!--]--><!--[--><!--[--><button type="button" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-xs gap-1.5 text-default hover:bg-elevated active:bg-elevated focus:outline-none focus-visible:bg-elevated hover:disabled:bg-transparent dark:hover:disabled:bg-transparent hover:aria-disabled:bg-transparent dark:hover:aria-disabled:bg-transparent"><!--[--><!--[--><!----><!--]--><!--[--><span data-slot="label" class="truncate">Import</span><!--]--><!--[--><!----><!--]--><!--]--></button><!--]--><!--]--><!----></div><!----></div><!--]--></div></div><div data-orientation="horizontal" role="separator" data-slot="root" class="flex items-center align-center text-center w-full flex-row"><!--[--><!--[--><div data-slot="border" class="border-default w-full border-solid border-t"></div><!----><!--]--><!--]--></div><!--[--><!----><!----><div class="px-4 py-4 space-y-3"><div><div class="flex items-center justify-between"><!--[--><span class="text-sm font-medium text-highlighted">Pixel Scale</span><!--]--><!--[--><!--[--><div id="reka-popover-trigger-v-0-8" type="button" aria-haspopup="dialog" aria-expanded="false" aria-controls data-state="closed" class="p-1.5 lg:p-0 -m-1.5 lg:m-0"><span class="iconify i-lucide:circle-help size-4 cursor-pointer text-ditherit" aria-hidden="true" style=""></span></div><!----><!--v-if--><!--]--><!--]--></div><!--[--><div class="mt-2"><span data-slider-impl dir="ltr" data-orientation="horizontal" style="--reka-slider-thumb-transform:translateX(-50%);" data-slot="root" class="relative flex items-center select-none touch-none w-full" aria-disabled="false"><!--[--><!--[--><!--[--><span data-orientation="horizontal" data-slot="track" class="relative bg-accented overflow-hidden rounded-full grow h-[8px]"><!--[--><span data-orientation="horizontal" style="left:0%;right:100%;" data-slot="range" class="absolute rounded-full bg-primary h-full"><!--[--><!--]--></span><!--]--></span><!--[--><!--[--><span data-reka-collection-item data-slot="thumb" class="rounded-full bg-default ring-2 focus-visible:outline-2 focus-visible:outline-offset-2 ring-primary focus-visible:outline-primary/50 size-4" aria-label="Thumb" role="slider" tabindex="0" data-orientation="horizontal" aria-valuemin="1" aria-valuemax="25" aria-orientation="horizontal" style="transform:var(--reka-slider-thumb-transform);position:absolute;left:calc(0% + 0px);
100display:none;"><!--[--><!--]--></span><!--]--><!--]--><!--]--><!--v-if--><!--]--><!--]--></span><span class="text-xs text-gray-500">1x</span></div><!--]--></div><!--[--><!--[--><button type="button" data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-xs gap-1.5 text-default hover:bg-elevated active:bg-elevated focus:outline-none focus-visible:bg-elevated hover:disabled:bg-transparent dark:hover:disabled:bg-transparent hover:aria-disabled:bg-transparent dark:hover:aria-disabled:bg-transparent -mx-2"><!--[--><!--[--><!----><!--]--><!--[--><span class="text-xs font-medium uppercase tracking-wide text-muted">Advanced</span><span class="iconify i-lucide:chevron-right size-3 transition-transform duration-200" aria-hidden="true" style=""></span><!--]--><!--[--><!----><!--]--><!--]--></button><!--]--><!--]--><!----></div><div data-orientation="horizontal" role="separator" data-slot="root" class="flex items-center align-center text-center w-full flex-row"><!--[--><!--[--><div data-slot="border" class="border-default w-full border-solid border-t"></div><!----><!--]--><!--]--></div><!--]--></div><div data-orientation="horizontal" role="separator" data-slot="root" class="flex items-center align-center text-center w-full flex-row" data-v-28e474e6><!--[--><!--[--><div data-slot="border" class="border-default w-full border-solid border-t"></div><!----><!--]--><!--]--></div><button class="flex w-full items-center gap-2 px-4 py-3 text-left text-sm text-gray-600 hover:bg-gray-50 dark:text-gray-400 dark:hover:bg-gray-700/50" data-v-28e474e6><span class="iconify i-lucide:settings size-4 shrink-0" aria-hidden="true" style="" data-v-28e474e6></span><span class="font-medium" data-v-28e474e6>Settings</span><span class="iconify i-lucide:chevron-right ml-auto size-3.5 text-gray-400" aria-hidden="true" style="" data-v-28e474e6></span></button></aside><!----></div><div class="flex flex-1 flex-col overflow-hidden" data-v-28e474e6><div class="relative flex flex-1 overflow-hidden" data-v-28e474e6><main class="relative flex flex-1 flex-col overflow-hidden" data-v-28e474e6><h1 class="sr-only" data-v-28e474e6> Dither it! â free online image dithering tool </h1><!----><!----><div class="flex flex-1 flex-col items-center overflow-hidden p-2 lg:px-8 lg:py-2" data-v-28e474e6><!----></div></main></div><footer class="hidden lg:flex shrink-0 items-center gap-2 bg-white rounded-xl shadow-sm mx-auto w-[70%] mb-6 mt-1 px-3 py-2 dark:bg-gray-800" data-v-28e474e6><div class="flex-1 basis-0" data-v-28e474e6></div><!----><div class="hidden lg:flex flex-1 basis-0 justify-end items-center gap-2" data-v-28e474e6><!----><!--[--><!--[--><!--[--><!--[--><button type="button" disabled id="reka-popover-trigger-v-0-9" aria-haspopup="dialog" aria-expanded="false" aria-controls data-state="closed" data-v-28e474e6 data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-inverted bg-primary hover:bg-primary/75 active:bg-primary/75 disabled:bg-primary aria-disabled:bg-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary"><!--[--><!--[--><span class="iconify i-lucide:download shrink-0 size-5" aria-hidden="true" style="" data-slot="leadingIcon"></span><!--]--><!--[--><span data-v-28e474e6>Download All</span><!--]--><!--[--><!----><!--]--><!--]--></button><!--]--><!--]--><!----><!--v-if--><!--]--><!--]--></div></footer><!----><!----><div class="flex lg:hidden shrink-0 items-center justify-around border-t border-gray-100 bg-white pt-1 pb-[max(0.25rem,env(safe-area-inset-bottom))] dark:border-gray-800 dark:bg-gray-800" data-v-28e474e6><button class="flex flex-col items-center gap-1 text-gray-500 dark:text-gray-400" data-v-28e474e6><span class="text-2xl leading-none" data-v-28e474e6>ð</span><span class="uppercase tracking-wide" style="font-size:12px;" data-v-28e474e6>
100Mode</span></button><button class="flex flex-col items-center gap-1 text-gray-500 dark:text-gray-400" data-v-28e474e6><span class="text-2xl leading-none" data-v-28e474e6>ð¨</span><span class="uppercase tracking-wide" style="font-size:12px;" data-v-28e474e6>Palette</span></button><button class="flex flex-col items-center gap-1 text-gray-500 dark:text-gray-400" data-v-28e474e6><span class="text-2xl leading-none" data-v-28e474e6>ð¼ï¸</span><span class="uppercase tracking-wide" style="font-size:12px;" data-v-28e474e6>Image</span></button><button class="flex flex-col items-center gap-1 text-gray-500 dark:text-gray-400" data-v-28e474e6><span class="text-2xl leading-none" data-v-28e474e6>âï¸</span><span class="uppercase tracking-wide" style="font-size:12px;" data-v-28e474e6>Settings</span></button></div></div><aside class="hidden lg:block w-64 shrink-0 overflow-y-auto max-h-[calc(100%-1.5rem)] mt-3 mb-3 px-3" data-v-28e474e6><div class="ml-auto flex w-[158px] flex-col gap-3" data-v-28e474e6><!----></div></aside></div><footer class="hidden lg:flex h-8 shrink-0 items-center justify-center gap-0.5 px-4" data-v-28e474e6><!--[--><!--[--><a href="/contact" data-v-28e474e6 data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2 py-1 text-xs gap-1 text-primary hover:text-primary/75 active:text-primary/75 disabled:text-primary aria-disabled:text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary"><!--[--><!--[--><!----><!--]--><!--[--><span data-slot="label" class="truncate">Submit Feedback</span><!--]--><!--[--><!----><!--]--><!--]--></a><!--]--><!--[--><a href="/blog" data-v-28e474e6 data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2 py-1 text-xs gap-1 text-primary hover:text-primary/75 active:text-primary/75 disabled:text-primary aria-disabled:text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary"><!--[--><!--[--><!----><!--]--><!--[--><span data-slot="label" class="truncate">Blog</span><!--]--><!--[--><!----><!--]--><!--]--></a><!--]--><!--[--><!--[--><a href="https://buttondown.com/ditherit" rel="noopener noreferrer" target="_blank" data-v-28e474e6 data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2 py-1 text-xs gap-1 text-primary hover:text-primary/75 active:text-primary/75 disabled:text-primary aria-disabled:text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary"><!--[--><!--[--><!----><!--]--><!--[--><span data-slot="label" class="truncate">Newsletter</span><!--]--><!--[--><!----><!--]--><!--]--></a><!--]--><!--]--><!--[--><!--[--><a href="https://v2.ditherit.com" rel="noopener noreferrer" target="_blank" data-v-28e474e6 data-slot="base" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2 py-1 text-xs gap-1 text-primary hover:text-primary/75 active:text-primary/75 disabled:text-primary aria-disabled:text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary"><!--[--><!--[--><!----><!--]--><!--[--><span data-slot="label" class="truncate">Old Version</span><!--]--><!--[--><!----><!--]--><!--]--></a><!--]--><!--]--><!--]--></footer></div><!--]--><!--]--><!--]--><!--[--><!--]--><!--v-if--><!--]--><!--[--><!--]--><!--]--><!--]--></div><div id="teleports"></div>
100<script>window.__NUXT__={};window.__NUXT__.config={public:{mdc:{components:{prose:true,map:{accordion:"ProseAccordion","accordion-item":"ProseAccordionItem",badge:"ProseBadge",callout:"ProseCallout",card:"ProseCard","card-group":"ProseCardGroup",caution:"ProseCaution","code-collapse":"ProseCodeCollapse","code-group":"ProseCodeGroup","code-icon":"ProseCodeIcon","code-preview":"ProseCodePreview","code-tree":"ProseCodeTree",collapsible:"ProseCollapsible",field:"ProseField","field-group":"ProseFieldGroup",icon:"ProseIcon",kbd:"ProseKbd",note:"ProseNote",steps:"ProseSteps",tabs:"ProseTabs","tabs-item":"ProseTabsItem",tip:"ProseTip",warning:"ProseWarning"},customElements:[]},headings:{anchorLinks:{h1:false,h2:true,h3:true,h4:true,h5:false,h6:false}},highlight:{noApiRoute:true,theme:{light:"material-theme-lighter",default:"material-theme",dark:"material-theme-palenight"},highlighter:"shiki",shikiEngine:"oniguruma",langs:["js","jsx","json","ts","tsx","vue","css","html","bash","md","mdc","yaml"]}},content:{wsUrl:""}},app:{baseURL:"/",buildId:"68862051-fb26-4a80-90bf-4e21678ffd47",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script>
100<script type="application/json" data-nuxt-data="nuxt-app" data-ssr="true" id="__NUXT_DATA__" data-src="/_payload.json?68862051-fb26-4a80-90bf-4e21678ffd47">[{"state":1,"once":8,"_errors":9,"serverRendered":5,"path":11,"prerenderedAt":12},["Reactive",2],{"$scolor-mode":3,"$stoasts":7},{"preference":4,"value":4,"unknown":5,"forced":6},"system",true,false,[],["Set"],["ShallowReactive",10],{},"\u002F",1790913418151]</script>
100</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.