PageSourceSearch

https://wplace-pixel.com/wplace-tool

html wplace-pixel.com collected 2026-10-07 22:42:22 UTC 136,785 bytes, 2 lines download raw bytes

1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="/_next/static/css/589d4faa31402e1d.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-655821a9c11c63d6.js"/>
1<script src="/_next/static/chunks/759f047f-ec0f4c76fdefe1c5.js" async=""></script>
1<script src="/_next/static/chunks/7811-7aa4021f77bf9036.js" async=""></script>
1<script src="/_next/static/chunks/main-app-7e7cd61d48215cd7.js" async=""></script>
1<script src="/_next/static/chunks/5d96f05a-8b2a541251fb7e9a.js" async=""></script>
1<script src="/_next/static/chunks/3439-3dcf85e0f60a1387.js" async=""></script>
1<script src="/_next/static/chunks/7065-86ad806491b9c0a2.js" async=""></script>
1<script src="/_next/static/chunks/9696-f5e4a77d52e03bf9.js" async=""></script>
1<script src="/_next/static/chunks/4846-2fd604e3280f6ae3.js" async=""></script>
1<script src="/_next/static/chunks/2404-45e2971d04eb5ccb.js" async=""></script>
1<script src="/_next/static/chunks/6531-1a97219471f1f99d.js" async=""></script>
1<script src="/_next/static/chunks/8166-67c88b0952b5aef8.js" async=""></script>
1<script src="/_next/static/chunks/2833-9c93973d0239cfcf.js" async=""></script>
1<script src="/_next/static/chunks/3544-4ce5be4eca624ca9.js" async=""></script>
1<script src="/_next/static/chunks/5434-25b431788c94c267.js" async=""></script>
1<script src="/_next/static/chunks/7224-4c81dc0da4eac33b.js" async=""></script>
1<script src="/_next/static/chunks/app/%5Blocale%5D/(default)/wplace-tool/page-16a08aa555595e4a.js" async=""></script>
1<script src="/_next/static/chunks/b27dc69b-f9245ae08b916bc0.js" async=""></script>
1<script src="/_next/static/chunks/c2b2e597-4329a4ddf64edd41.js" async=""></script>
1<script src="/_next/static/chunks/5f1cc397-652c10dd83f996f2.js" async=""></script>
1<script src="/_next/static/chunks/2067-e34015e89f839922.js" async=""></script>
1<script src="/_next/static/chunks/6214-d9abbe6524addd5f.js" async=""></script>
1<script src="/_next/static/chunks/8598-f8f36cd8f89b2eb9.js" async=""></script>
1<script src="/_next/static/chunks/9360-140eb071a6e6cf27.js" async=""></script>
1<script src="/_next/static/chunks/7344-a6e6dba51757ace0.js" async=""></script>
1<script src="/_next/static/chunks/app/%5Blocale%5D/(default)/layout-31b4b819850ee0d7.js" async=""></script>
1<script src="/_next/static/chunks/9856-207777874e9b632a.js" async=""></script>
1<script src="/_next/static/chunks/5059-ab0f2e590224d3cd.js" async=""></script>
1<script src="/_next/static/chunks/app/%5Blocale%5D/layout-8cf6456946c2aa60.js" async=""></script>
1<script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7526400357628451" crossorigin="anonymous"></script>
1<link rel="preload" href="https://www.googletagmanager.com/gtag/js?id=G-1JCWPCXEYZ" as="script"/><meta name="google-adsense-account" content="ca-pub-7526400357628451"/><link rel="icon" href="/favicon.ico"/><link rel="alternate" hrefLang="en" href="https://wplace-pixel.com/" /><link rel="alternate" hrefLang="zh" href="https://wplace-pixel.com/zh/" /><link rel="alternate" hrefLang="zh-TW" href="https://wplace-pixel.com/zh-TW/" /><link rel="alternate" hrefLang="ja" href="https://wplace-pixel.com/ja/" /><link rel="alternate" hrefLang="ko" href="https://wplace-pixel.com/ko/" /><link rel="alternate" hrefLang="ru" href="https://wplace-pixel.com/ru/" /><link rel="alternate" hrefLang="fr" href="https://wplace-pixel.com/fr/" /><link rel="alternate" hrefLang="de" href="https://wplace-pixel.com/de/" /><link rel="alternate" hrefLang="ar" href="https://wplace-pixel.com/ar/" /><link rel="alternate" hrefLang="es" href="https://wplace-pixel.com/es/" /><link rel="alternate" hrefLang="it" href="https://wplace-pixel.com/it/" /><link rel="alternate" hrefLang="x-default" href="https://wplace-pixel.com" /><title>Wplace Tool - Image to Pixel Art Converter &amp; Blue Marble Plugin Integration | Wplace Pixel</title><meta name="description" content="Convert any image to wplace.live pixel art with perfect Blue Marble plugin integration. Automatic color matching, grid generation, and one-click pixel art template creation."/><meta name="keywords" content="metadata.keywords"/><link rel="canonical" href="https://wplace-pixel.com/wplace-tool" />
1<script>document.querySelectorAll('body link[rel="icon"], body link[rel="apple-touch-icon"]').forEach(el => document.head.appendChild(el))</script>
1<script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script>
1</head><body>
1<script>((e,t,n,r,a,o,s,i)=>{let l=document.documentElement,u=["light","dark"];function d(t){var n;(Array.isArray(e)?e:[e]).forEach(e=>{let n="class"===e,r=n&&o?a.map(e=>o[e]||e):a;n?(l.classList.remove(...r),l.classList.add(t)):l.setAttribute(e,t)}),n=t,i&&u.includes(n)&&(l.style.colorScheme=n)}if(r)d(r);else try{let e=localStorage.getItem(t)||n,r=s&&"system"===e?window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":e;d(r)}catch(e){}})("class","theme","system",null,["light","dark"],null,true,true)</script>
1<section class="py-3 fixed top-0 left-0 right-0 z-50 bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60"><div class="container"><nav class="hidden justify-between lg:flex"><div class="flex items-center gap-6"><a class="flex items-center gap-2" href="/"><img src="https://cdn.img-hub.com/logo-circle.png" alt="wplace pixel" class="w-8"/><span class="text-xl text-primary font-bold">Wplace Pixel</span></a><div class="flex items-center"><nav aria-label="Main" data-orientation="horizontal" dir="ltr" class="relative z-10 flex max-w-max flex-1 items-center justify-center"><div style="position:relative"><ul data-orientation="horizontal" class="group flex flex-1 list-none items-center justify-center space-x-1" dir="ltr"><li><a class="text-muted-foreground inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50 h-9 px-4 py-2 has-[&gt;svg]:px-3" href="/wplace-converter"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="size-4 shrink-0 mr-0 cursor-pointer" style="cursor:default" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M17.0007 1.20825 18.3195 3.68108 20.7923 4.99992 18.3195 6.31876 17.0007 8.79159 15.6818 6.31876 13.209 4.99992 15.6818 3.68108 17.0007 1.20825ZM10.6673 9.33325 15.6673 11.9999 10.6673 14.6666 8.00065 19.6666 5.33398 14.6666.333984 11.9999 5.33398 9.33325 8.00065 4.33325 10.6673 9.33325ZM11.4173 11.9999 9.18905 10.8115 8.00065 8.58325 6.81224 10.8115 4.58398 11.9999 6.81224 13.1883 8.00065 15.4166 9.18905 13.1883 11.4173 11.9999ZM19.6673 16.3333 18.0007 13.2083 16.334 16.3333 13.209 17.9999 16.334 19.6666 18.0007 22.7916 19.6673 19.6666 22.7923 17.9999 19.6673 16.3333Z"></path></svg>Wplace Converter</a></li><li><a class="text-muted-foreground inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50 h-9 px-4 py-2 has-[&gt;svg]:px-3" href="/blue-marble"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="size-4 shrink-0 mr-0 cursor-pointer" style="cursor:default" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M2.9918 21C2.44405 21 2 20.5551 2 20.0066V3.9934C2 3.44476 2.45531 3 2.9918 3H21.0082C21.556 3 22 3.44495 22 3.9934V20.0066C22 20.5552 21.5447 21 21.0082 21H2.9918ZM20 15V5H4V19L14 9L20 15ZM20 17.8284L14 11.8284L6.82843 19H20V17.8284ZM8 11C6.89543 11 6 10.1046 6 9C6 7.89543 6.89543 7 8 7C9.10457 7 10 7.89543 10 9C10 10.1046 9.10457 11 8 11Z"></path></svg>Blue Marble Wplace Plugin</a></li></ul></div><div class="absolute right-0 top-full flex justify-center"></div></nav></div></div><div class="shrink-0 flex gap-2 items-center"><button type="button" role="combobox" aria-controls="radix-«Rcjcqtb»" aria-expanded="false" aria-autocomplete="none" dir="ltr" data-state="closed" data-slot="select-trigger" data-size="default" class="border-input data-[placeholder]:text-muted-foreground [&amp;_svg:not([class*=&#x27;text-&#x27;])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 w-fit justify-between rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*=&#x27;
1size-&#x27;])]:size-4 flex items-center gap-2 border-none text-muted-foreground outline-hidden hover:bg-transparent focus:ring-0 focus:ring-offset-0"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="text-xl" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm6.93 6h-2.95a15.65 15.65 0 0 0-1.38-3.56A8.03 8.03 0 0 1 18.92 8zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96zM4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2 0 .68.06 1.34.14 2H4.26zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56A7.987 7.987 0 0 1 5.08 16zm2.95-8H5.08a7.987 7.987 0 0 1 4.33-3.56A15.65 15.65 0 0 0 8.03 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96zM14.34 14H9.66c-.09-.66-.16-1.32-.16-2 0-.68.07-1.35.16-2h4.68c.09.65.16 1.32.16 2 0 .68-.07 1.34-.16 2zm.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95a8.03 8.03 0 0 1-4.33 3.56zM16.36 14c.08-.66.14-1.32.14-2 0-.68-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2h-3.38z"></path></svg><span class="hidden md:block">English</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down size-4 opacity-50" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><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);white-space:nowrap;word-wrap:normal"></select></div></nav><div class="block lg:hidden"><div class="flex items-center justify-between"><a class="flex items-center gap-2" href="/"><img src="https://cdn.img-hub.com/logo-circle.png" alt="wplace pixel" class="w-8"/><span class="text-xl font-bold">Wplace Pixel</span></a><button data-slot="sheet-trigger" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-primary text-primary-foreground shadow-xs hover:bg-primary/90 size-9" type="button" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-«R53cqtb»" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu size-4"><line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="18" y2="18"></line></svg></button></div></div></div></section><main class="overflow-x-hidden pt-16"><section class="py-24"><div class="container"><div class="text-center"><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:size-3 gap-1 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-primary text-primary-foreground [a&amp;]:hover:bg-primary/90 mb-4">Image Conversion Tool</span><h1 class="mx-auto mb-6 max-w-4xl text-balance text-4xl font-bold lg:text-6xl">Wplace Tool - <span class="bg-linear-to-r from-primary via-primary to-primary bg-clip-text text-transparent">Pixel Art Converter</span></h1><p class="mx-auto max-w-3xl text-muted-foreground lg:text-xl mb-8">Wplace Tool transforms your favorite images into wplace.live pixel art. Wplace Tool works perfectly with the Blue Marble browser plugin for easy and efficie
1nt pixel art creation using Wplace Tool.</p><div class="flex flex-col justify-center gap-4 sm:flex-row"><a href="#converter"><button data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-primary text-primary-foreground shadow-xs hover:bg-primary/90 h-10 rounded-md px-6 has-[&gt;svg]:px-4 w-full sm:w-auto">Try Now</button></a><a href="/blue-marble"><button data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 h-10 rounded-md px-6 has-[&gt;svg]:px-4 w-full sm:w-auto">Get Blue Marble Plugin</button></a></div></div></div></section><section id="converter" class="scroll-mt-20"><section class="py-14 bg-background"><div class="container"><div class="mx-auto max-w-7xl"><div class="grid grid-cols-1 lg:grid-cols-2 gap-8"><div class="space-y-6"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm h-fit"><div data-slot="card-header" class="@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6"><div data-slot="card-title" class="leading-none font-semibold">Upload &amp; Preview</div></div><div data-slot="card-content" class="px-6"><div class="border-2 border-dashed rounded-xl p-12 text-center cursor-pointer transition-all duration-200 border-border hover:border-primary/60 hover:bg-accent/50"><input type="file" accept="image/*" class="hidden"/><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-upload w-16 h-16 mx-auto mb-6 text-muted-foreground"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="17 8 12 3 7 8"></polyline><line x1="12" x2="12" y1="3" y2="15"></line></svg><div><p class="text-foreground mb-3 font-semibold text-lg">Drop your image here to create pixel art</p><p class="text-muted-foreground">Supports PNG, JPG, JPEG, BMP, GIF (max 10MB)</p></div></div></div></div></div><div><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm sticky top-8"><div data-slot="card-header" class="@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6"><div data-slot="card-title" class="leading-none font-semibold">Settings</div></div><div data-slot="card-content" class="px-6 space-y-8"><div class="space-y-3"><label data-slot="label" class="flex items-center gap-2 select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 text-base font-semibold">Grid Size</label><button type="button" role="combobox" aria-controls="radix-«R138htlcqtb»" aria-expanded="false" aria-autocomplete="none" dir="ltr" data-state="closed" data-slot="select-trigger" data-size="default" class="border-input data-[placeholder]:text-muted-foreground [&amp;_svg:not([class*=&#x27;text-&#x27;])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*=&#x27;
1size-&#x27;])]:size-4 h-12 text-base"><span data-slot="select-value" style="pointer-events:none"></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down size-4 opacity-50" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><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);white-space:nowrap;word-wrap:normal"></select><p class="text-sm text-muted-foreground">Choose the output pixel art dimensions</p></div><div class="space-y-4"><label data-slot="label" class="flex items-center gap-2 select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 text-base font-semibold">Display Mode</label><div class="space-y-3"><div class="flex items-center space-x-3 p-4 border border-border rounded-lg hover:bg-accent/50 transition-colors"><button type="button" role="checkbox" aria-checked="true" data-state="checked" value="on" data-slot="checkbox" class="peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 w-5 h-5" id="grid"><span data-state="checked" data-slot="checkbox-indicator" class="flex items-center justify-center text-current transition-none" style="pointer-events:none"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check size-3.5"><path d="M20 6 9 17l-5-5"></path></svg></span></button><input type="checkbox" aria-hidden="true" style="transform:translateX(-100%);position:absolute;pointer-events:none;opacity:0;margin:0" tabindex="-1" checked="" value="on"/><div><label data-slot="label" class="flex items-center gap-2 text-sm leading-none select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 font-medium cursor-pointer" for="grid">Show Grid Lines</label><p class="text-sm text-muted-foreground">Display pixel grid overlay on the wplace pixel art</p></div></div></div></div><div class="space-y-4"><label data-slot="label" class="flex items-center gap-2 select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 text-base font-semibold">Color Options</label><div class="space-y-3"><div class="flex items-center space-x-3 p-4 border border-border rounded-lg hover:bg-accent/50 transition-colors"><button type="button" role="checkbox" aria-checked="false" data-state="unchecked" value="on" data-slot="checkbox" class="peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 w-5 h-5" id="freecolors"></button><input type="checkbox" aria-hidden="true" style="transform:translateX(-100%);position:absolute;pointer-events:none;opacity:0;margin:0" tabindex="-1" value="on"/><div><label data-slot="label" class="flex items-center gap-2 text-sm leading-none select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 font-medium cursor-pointer" for="freecolors">Use Free Colors Only</label><p class="text-sm text-muted-foreground">Restrict palette to free colors available on wplace.live</p></div></div></div></div><div class="space-y-4"><div class="flex items-center justify-between"><label data-slot="label" class="flex items-center gap-2 select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 text-base font-semibold">wplace Color Palette</label><span class="text-sm text-muted-foreground">63 colors</span></div><div class="p-4 bg-muted/20 rounded-lg"><div class="grid grid-cols-8 gap-1"><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#000000;border-color:rgb(0, 0, 0)" title="Black (#000000) - Free"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#3c3c3c;border-color:rgb(20, 20, 20)" title="Dark Gray (#3c3c3c) - Free"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#787878;border-color:rgb(80, 80, 80)" title="Gray (#787878) - Free"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#aaaaaa;border-color:rgb(130, 130, 130)" title="Medium Gray (#aaaaaa) - Premium"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#d2d2d2;border-color:rgb(170, 170, 170)" title="Light Gray (#d2d2d2) - Free"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#ffffff;border-color:rgb(215, 215, 215)" title="White (#ffffff) - Free"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#600018;border-color:rgb(56, 0, 0)" title="Deep Red (#600018) - Free"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#a50e1e;border-color:rgb(125, 0, 0)" title="Dark Red (#a50e1e) - Premium"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#ed1c24;border-color:rgb(197, 0, 0)" title="Red (#ed1c24) - Free"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#fa8072;border-color:rgb(210, 88, 74)" title="Light Red (#fa8072) - Premium"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#e45c1a;border-color:rgb(188, 52, 0)" title="Dark Orange (#e45c1a) - Premium"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#ff7f27;border-color:rgb(215, 87, 0)" title="Orange (#ff7f27) - Free"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#f6aa09;border-color:rgb(206, 130, 0)" title="Gold (#f6aa09) - Free"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#f9dd3b;border-color:rgb(209, 181, 19)" title="Yellow (#f9dd3b) - Free"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#fffabc;border-color:rgb(215, 210, 148)" title="Light Yellow (#fffabc) - Free"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#9c8431;border-color:rgb(116, 92, 9)" title="Dark Goldenrod (#9c8431) - Premium"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#c5ad31;border-color:rgb(157, 133, 9)" title="Goldenrod (#c5ad31) - Premium"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#e8d45f;
1border-color:rgb(192, 172, 55)" title="Light Goldenrod (#e8d45f) - Premium"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#4a6b3a;border-color:rgb(34, 67, 18)" title="Dark Olive (#4a6b3a) - Premium"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#5a944a;border-color:rgb(50, 108, 34)" title="Olive (#5a944a) - Premium"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#84c573;border-color:rgb(92, 157, 75)" title="Light Olive (#84c573) - Premium"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#0eb968;border-color:rgb(0, 145, 64)" title="Dark Green (#0eb968) - Free"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#13e67b;border-color:rgb(0, 190, 83)" title="Green (#13e67b) - Free"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#87ff5e;border-color:rgb(95, 215, 54)" title="Light Green (#87ff5e) - Free"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#0c816e;border-color:rgb(0, 89, 70)" title="Dark Teal (#0c816e) - Free"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#10aea6;border-color:rgb(0, 134, 126)" title="Teal (#10aea6) - Free"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#13e1be;border-color:rgb(0, 185, 150)" title="Light Teal (#13e1be) - Free"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#0f799f;border-color:rgb(0, 81, 119)" title="Dark Cyan (#0f799f) - Premium"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#60f7f2;border-color:rgb(56, 207, 202)" title="Cyan (#60f7f2) - Free"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#bbfaf2;border-color:rgb(147, 210, 202)" title="Light Cyan (#bbfaf2) - Premium"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#28509e;border-color:rgb(0, 40, 118)" title="Dark Blue (#28509e) - Free"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#4093e4;border-color:rgb(24, 107, 188)" title="Blue (#4093e4) - Free"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#7dc7ff;border-color:rgb(85, 159, 215)" title="Light Blue (#7dc7ff) - Premium"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#4d31b8;border-color:rgb(37, 9, 144)" title="Dark Indigo (#4d31b8) - Premium"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#6b50f6;border-color:rgb(67, 40, 206)" title="Indigo (#6b50f6) - Free"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#99b1fb;border-color:rgb(113, 137, 211)" title="Light Indigo (#99b1fb) - Free"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#4a4284;border-color:rgb(34, 26, 92)" title="Dark Slate Blue (#4a4284) - Premium"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#7a71c4;border-color:rgb(82, 73, 156)" title="Slate Blue (#7a71c4) - Premium"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#b5aef1;border-color:rgb(141, 134, 201)" title="Light Slate Blue (#b5aef1) - Premium"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#780c99;border-color:rgb(80, 0, 113)" title="Dark Purple (#780c99) - Free"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#aa38b9;border-color:rgb(130, 16, 145)" title="Purple (#aa38b9) - Free"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#e09ff9;border-color:rgb(184, 119, 209)" title="Light Purple (#e09ff9) - Free"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#cb007a;border-color:rgb(163, 0, 82)" title="Dark Pink (#cb007a) - Free"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#ec1f80;border-color:rgb(196, 0, 88)" title="Pink (#ec1f80) - Free"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#f38da9;border-color:rgb(203, 101, 129)" title="Light Pink (#f38da9) - Free"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#9b5249;border-color:rgb(115, 42, 33)" title="Dark Peach (#9b5249) - Premium"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#d18078;border-color:rgb(169, 88, 80)" title="Peach (#d18078) - Premium"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#fab6a4;border-color:rgb(210, 142, 124)" title="Light Peach (#fab6a4) - Free"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#684634;border-color:rgb(64, 30, 12)" title="Dark Brown (#684634) - Free"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#95682a;border-color:rgb(109, 64, 2)" title="Brown (#95682a) - Free"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#dba463;border-color:rgb(179, 124, 59)" title="Light Brown (#dba463) - Premium"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#7b6352;border-color:rgb(83, 59, 42)" title="Dark Tan (#7b6352) - Premium"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#9c846b;border-color:rgb(116, 92, 67)" title="Tan (#9c846b) - Premium"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#d6b594;border-color:rgb(174, 141, 108)" title="Light Tan (#d6b594) - Premium"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#d18051;border-color:rgb(169, 88, 41)" title="Dark Beige (#d18051) - Premium"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#f8b277;border-color:rgb(208, 138, 79)" title="Beige (#f8b277) - Free"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#ffc5a5;border-color:rgb(215, 157, 125)" title="Light Beige (#ffc5a5) - Premium"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#6d643f;border-color:rgb(69, 60, 23)" title="Dark Stone (#6d643f) - Premium"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#948c6b;border-color:rgb(108, 100, 67)" title="Stone (#948c6b) - Premium"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#cdc59e;
1border-color:rgb(165, 157, 118)" title="Light Stone (#cdc59e) - Premium"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#333941;border-color:rgb(11, 17, 25)" title="Dark Slate (#333941) - Premium"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#6d758d;border-color:rgb(69, 77, 101)" title="Slate (#6d758d) - Premium"></div></div><div class="relative group"><div class="w-8 h-6 rounded-sm hover:scale-105 transition-transform cursor-pointer border-2" style="background-color:#b3b9d1;border-color:rgb(139, 145, 169)" title="Light Slate (#b3b9d1) - Premium"></div></div></div><div class="text-xs text-muted-foreground mt-3">Showing all 63 wplace colors (32 free, 31 premium)</div></div></div><div class="text-center py-8"><p class="text-muted-foreground">Upload an image to convert to wplace pixel art</p></div></div></div></div></div></div></div></section></section><section class="py-16"><div class="container"><div class="text-center mb-12"><h2 class="text-3xl font-bold lg:text-4xl mb-4">Wplace Tool&#x27;s Powerful Image Conversion Features</h2><p class="text-muted-foreground lg:text-lg max-w-2xl mx-auto">Wplace Tool can convert any image to pixel art with support for multiple sizes and color modes, providing perfect materials for wplace.live creation.</p></div><div class="grid gap-6 md:grid-cols-2 lg:grid-cols-3"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm"><div data-slot="card-header" class="@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6"><div data-slot="card-title" class="leading-none font-semibold">Smart Image Conversion</div></div><div data-slot="card-content" class="px-6"><div data-slot="card-description" class="text-muted-foreground text-sm">Upload any image to Wplace Tool and Wplace Tool automatically converts it to pixel art with intelligent wplace palette matching.</div></div></div><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm"><div data-slot="card-header" class="@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6"><div data-slot="card-title" class="leading-none font-semibold">Grid Generator</div></div><div data-slot="card-content" class="px-6"><div data-slot="card-description" class="text-muted-foreground text-sm">Wplace Tool automatically generates numbered grid images for manual pixel placement or team collaboration.</div></div></div><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm"><div data-slot="card-header" class="@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6"><div data-slot="card-title" class="leading-none font-semibold">Blue Marble Integration</div></div><div data-slot="card-content" class="px-6"><div data-slot="card-description" class="text-muted-foreground text-sm">Wplace Tool generated templates are perfectly compatible with Blue Marble plugin for automatic placement and real-time preview.</div></div></div><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm"><div data-slot="card-header" class="@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6"><div data-slot="card-title" class="leading-none font-semibold">Multiple Size Presets</div></div><div data-slot="card-content" class="px-6"><div data-slot="card-description" class="text-muted-foreground text-sm">From 32x32 to 256x256, choose the perfect pixel art size for your project.</div></div></div><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm"><div data-slot="card-header" class="@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6"><div data-slot="card-title" class="leading-none font-semibold">Color Mode Selection</div></div>
1<div data-slot="card-content" class="px-6"><div data-slot="card-description" class="text-muted-foreground text-sm">Support for full palette or free colors only mode to avoid using locked colors.</div></div></div><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm"><div data-slot="card-header" class="@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6"><div data-slot="card-title" class="leading-none font-semibold">Instant Download</div></div><div data-slot="card-content" class="px-6"><div data-slot="card-description" class="text-muted-foreground text-sm">One-click download of converted pixel art and color index maps in multiple formats.</div></div></div></div></div></section><section class="py-16"><div class="container"><div class="text-center mb-12"><h2 class="text-3xl font-bold lg:text-4xl mb-4">Why Choose Wplace Tool Converter</h2><p class="text-muted-foreground lg:text-lg max-w-2xl mx-auto">Wplace Tool is designed specifically for wplace.live creators, Wplace Tool works perfectly with Blue Marble plugin to make pixel art creation using Wplace Tool easier than ever.</p></div><div class="grid gap-8 lg:grid-cols-2 lg:gap-16"><div class="space-y-6"><div><h3 class="text-xl font-semibold mb-3 flex items-center">Wplace Tool is Easy to Use</h3><p class="text-muted-foreground">Wplace Tool supports drag and drop upload, smart conversion, create beautiful pixel art without professional knowledge using Wplace Tool.</p></div><div><h3 class="text-xl font-semibold mb-3 flex items-center">Wplace Tool&#x27;s Accurate Color Matching</h3><p class="text-muted-foreground">Wplace Tool&#x27;s smart algorithms ensure converted colors perfectly match the official wplace palette.</p></div><div><h3 class="text-xl font-semibold mb-3 flex items-center">Wplace Tool is Blue Marble Ready</h3><p class="text-muted-foreground">Wplace Tool generated templates can be directly imported into Blue Marble plugin for automatic placement.</p></div></div><div class="space-y-6"><div><h3 class="text-xl font-semibold mb-3 flex items-center">Real-time Preview</h3><p class="text-muted-foreground">See effects instantly when adjusting parameters to ensure output meets expectations.</p></div><div><h3 class="text-xl font-semibold mb-3 flex items-center">Grid Support</h3><p class="text-muted-foreground">Optional grid lines and numbering system for manual placement or team collaboration.</p></div><div><h3 class="text-xl font-semibold mb-3 flex items-center">Free Forever</h3><p class="text-muted-foreground">All features completely free, no registration required, no hidden costs.</p></div></div></div></div></section><section class="py-16"><div class="container"><div class="text-center mb-12"><h2 class="text-3xl font-bold lg:text-4xl mb-4">Wplace Tool Workflow Showcase</h2><p class="text-muted-foreground lg:text-lg max-w-2xl mx-auto">Learn how to use Wplace Tool with Blue Marble plugin to create pixel art</p></div><div class="max-w-4xl mx-auto"><div class="w-full" data-orientation="vertical"><div data-state="closed" data-orientation="vertical" class="border-b"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-«R2p9tlcqtb»" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-«Rp9tlcqtb»" class="flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&amp;[data-state=open]&gt;svg]:rotate-180 text-left" data-radix-collection-item=""><div class="flex items-center">Step 1: Upload Image to Wplace Tool</div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 shrink-0 transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-«R2p9tlcqtb»" hidden="" role="region" aria-labelledby="radix-«Rp9tlcqtb»" data-orientation="vertical" class="overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div><div data-state="closed" data-orientation="vertical" class="border-b"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-«R399tlcqtb»" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-«R199tlcqtb»" class="flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&amp;[data-state=open]&gt;svg]:rotate-180 text-left" data-radix-collection-item=""><div class="flex items-center">Step 2: Adjust Settings in Wplace Tool</div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 shrink-0 transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-«R399tlcqtb»" hidden="" role="region" aria-labelledby="radix-«R199tlcqtb»" data-orientation="vertical" class="overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div><div data-state="closed" data-orientation="vertical" class="border-b"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-«R3p9tlcqtb»" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-«R1p9tlcqtb»" class="flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&amp;[data-state=open]&gt;svg]:rotate-180 text-left" data-radix-collection-item=""><div class="flex items-center">Step 3: Use Wplace Tool Template</div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 shrink-0 transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-«R3p9tlcqtb»" hidden="" role="region" aria-labelledby="radix-«R1p9tlcqtb»" data-orientation="vertical" class="overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div></div></div></div></section><section class="py-16"><div class="container"><div class="text-center mb-12"><h2 class="text-3xl font-bold lg:text-4xl mb-4">Wplace Tool&#x27;s Blue Marble Plugin</h2><p class="text-muted-foreground lg:text-lg max-w-2xl mx-auto">Use Blue Marble browser plugin with Wplace Tool to make pixel placement automatic and intelligent</p></div></div></section><section class="py-16"><div class="container"><div class="text-center"><h2 class="text-3xl font-bold lg:text-4xl mb-4">Start Creating Your Pixel Art with Wplace Tool Now</h2><p class="text-muted-foreground lg:text-lg max-w-2xl mx-auto mb-8">Use Wplace Tool image converter and Blue Marble plugin to easily create amazing works on wplace.live.</p><div class="flex flex-col justify-center gap-4 sm:flex-row"><a href="#converter"><button data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;
1size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-primary text-primary-foreground shadow-xs hover:bg-primary/90 h-10 rounded-md px-6 has-[&gt;svg]:px-4 w-full sm:w-auto">Start Converting</button></a><a href="/blue-marble"><button data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 h-10 rounded-md px-6 has-[&gt;svg]:px-4 w-full sm:w-auto">Get Blue Marble Plugin</button></a></div></div></div></section><section class="py-16"><div class="container"><div class="text-center mb-12"><h2 class="text-3xl font-bold lg:text-4xl mb-4">Frequently Asked Questions</h2><p class="text-muted-foreground lg:text-lg max-w-2xl mx-auto">Common questions about Wplace Tool image converter and Blue Marble plugin</p></div><div class="max-w-3xl mx-auto"><div class="w-full" data-orientation="vertical"><div data-state="closed" data-orientation="vertical" class="border-b"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-«R4q1tlcqtb»" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-«Rq1tlcqtb»" class="flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&amp;[data-state=open]&gt;svg]:rotate-180" data-radix-collection-item="">What is Blue Marble plugin?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 shrink-0 transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-«R4q1tlcqtb»" hidden="" role="region" aria-labelledby="radix-«Rq1tlcqtb»" data-orientation="vertical" class="overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div><div data-state="closed" data-orientation="vertical" class="border-b"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-«R5a1tlcqtb»" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-«R1a1tlcqtb»" class="flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&amp;[data-state=open]&gt;svg]:rotate-180" data-radix-collection-item="">How to use the converter with Blue Marble?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 shrink-0 transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-«R5a1tlcqtb»" hidden="" role="region" aria-labelledby="radix-«R1a1tlcqtb»" data-orientation="vertical" class="overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div><div data-state="closed" data-orientation="vertical" class="border-b"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-«R5q1tlcqtb»" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-«R1q1tlcqtb»" class="flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&amp;[data-state=open]&gt;svg]:rotate-180" data-radix-collection-item="">What is free color mode?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 shrink-0 transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-«R5q1tlcqtb»" hidden="" role="region" aria-labelledby="radix-«R1q1tlcqtb»" data-orientation="vertical" class="overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div><div data-state="closed" data-orientation="vertical" class="border-b"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-«R6a1tlcqtb»" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-«R2a1tlcqtb»" class="flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&amp;[data-state=open]&gt;svg]:rotate-180" data-radix-collection-item="">What are grid numbers for?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 shrink-0 transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-«R6a1tlcqtb»" hidden="" role="region" aria-labelledby="radix-«R2a1tlcqtb»" data-orientation="vertical" class="overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div><div data-state="closed" data-orientation="vertical" class="border-b"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-«R6q1tlcqtb»" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-«R2q1tlcqtb»" class="flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&amp;[data-state=open]&gt;svg]:rotate-180" data-radix-collection-item="">What image sizes are supported?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 shrink-0 transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-«R6q1tlcqtb»" hidden="" role="region" aria-labelledby="radix-«R2q1tlcqtb»" data-orientation="vertical" class="overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div><div data-state="closed" data-orientation="vertical" class="border-b"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-«R7a1tlcqtb»" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-«R3a1tlcqtb»" class="flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&amp;[data-state=open]&gt;svg]:rotate-180" data-radix-collection-item="">Which browsers are supported?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 shrink-0 transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-«R7a1tlcqtb»" hidden="" role="region" aria-labelledby="radix-«R3a1tlcqtb»" data-orientation="vertical" class="overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div></div></div></div></section><!--$--><!--/$--><!--$--><!--/$--></main><section id="footer" class="py-16"><div class="max-w-7xl mx-auto px-8"><footer><div class="flex flex-col items-center justify-between gap-10 text-center lg:flex-row lg:text-left"><div class="flex w-full max-w-96 shrink flex-col items-center justify-between gap-6 lg:items-start"><div><div class="flex items-center justify-center gap-2 lg:justify-start"><img src="https://cdn.img-hub.com/logo-circle.png" alt="wplace pixel" class="h-11"/><p class="text-3xl font-semibold">Wplace Pixel</p></div><p class="mt-6 text-md text-muted-foreground">Free online tool to convert images into pixel art, specifically optimized for wplace.live collaborative canvas drawing.</p></div><ul class="flex items-center space-x-6 text-muted-foreground"><li class="font-medium hover:text-primary"><a href="https://discord.gg/v2B4XqN9" target="_blank"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="size-4 cursor-pointer" style="cursor:default" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M19.3034 5.33716C17.9344 4.71103 16.4805 4.2547 14.9629 4C14.7719 4.32899 14.5596 4.77471 14.411 5.12492C12.7969 4.89144 11.1944 4.89144 9.60255 5.12492C9.45397 4.77471 9.2311 4.32899 9.05068 4C7.52251 4.2547 6.06861 4.71103 4.70915 5.33716C1.96053 9.39
1111 1.21766 13.3495 1.5891 17.2549C3.41443 18.5815 5.17612 19.388 6.90701 19.9187C7.33151 19.3456 7.71356 18.73 8.04255 18.0827C7.41641 17.8492 6.82211 17.5627 6.24904 17.2231C6.39762 17.117 6.5462 17.0003 6.68416 16.8835C10.1438 18.4648 13.8911 18.4648 17.3082 16.8835C17.4568 17.0003 17.5948 17.117 17.7434 17.2231C17.1703 17.5627 16.576 17.8492 15.9499 18.0827C16.2789 18.73 16.6609 19.3456 17.0854 19.9187C18.8152 19.388 20.5875 18.5815 22.4033 17.2549C22.8596 12.7341 21.6806 8.80747 19.3034 5.33716ZM8.5201 14.8459C7.48007 14.8459 6.63107 13.9014 6.63107 12.7447C6.63107 11.5879 7.45884 10.6434 8.5201 10.6434C9.57071 10.6434 10.4303 11.5879 10.4091 12.7447C10.4091 13.9014 9.57071 14.8459 8.5201 14.8459ZM15.4936 14.8459C14.4535 14.8459 13.6034 13.9014 13.6034 12.7447C13.6034 11.5879 14.4323 10.6434 15.4936 10.6434C16.5442 10.6434 17.4038 11.5879 17.3825 12.7447C17.3825 13.9014 16.5548 14.8459 15.4936 14.8459Z"></path></svg></a></li></ul></div><div class="grid grid-cols-3 gap-6 lg:gap-20"><div><p class="mb-6 font-bold">Free AI Tools</p><ul class="space-y-4 text-sm text-muted-foreground"><li class="font-medium hover:text-primary"><a target="_blank" href="https://flashimage.org">Flash Image</a></li><li class="font-medium hover:text-primary"><a target="_blank" href="https://nanobananax.com/">Nano Bananax</a></li></ul></div><div><p class="mb-6 font-bold">Pixel Art Tools</p><ul class="space-y-4 text-sm text-muted-foreground"><li class="font-medium hover:text-primary"><a target="_self" href="/wplace-converter">Wplace Converter</a></li><li class="font-medium hover:text-primary"><a target="_self" href="/wplace-tool">Wplace Tool</a></li><li class="font-medium hover:text-primary"><a target="_self" href="/wplace-bot">Wplace Bot</a></li><li class="font-medium hover:text-primary"><a target="_self" href="/wplace-overlay">Wplace Overlay</a></li><li class="font-medium hover:text-primary"><a target="_self" href="/wplace-script">Wplace Script</a></li><li class="font-medium hover:text-primary"><a target="_self" href="/blue-marble">Blue Marble Wplace Plugin</a></li></ul></div><div><p class="mb-6 font-bold">Wplace Status</p><ul class="space-y-4 text-sm text-muted-foreground"><li class="font-medium hover:text-primary"><a target="_self" href="/status">Is Wplace Down? Status Check</a></li><li class="font-medium hover:text-primary"><a target="_blank" href="https://wplace.live">Visit Wplace.live Canvas</a></li></ul></div></div></div><div class="mt-8 flex flex-col justify-between gap-4 border-t pt-8 text-center text-sm font-medium text-muted-foreground lg:flex-row lg:items-center lg:text-left"><div class="flex flex-col gap-4 lg:flex-row lg:items-center lg:gap-8"><p>© 2025 • wplace pixel All rights reserved.</p><div class="flex justify-center gap-3 lg:justify-start"><a href="https://fazier.com/launches/wplace-pixel.com" target="_blank"><img src="https://fazier.com/api/v1//public/badges/launch_badges.svg?badge_type=featured&amp;theme=light" width="120" height="24" alt="Fazier badge" class="h-6 w-auto"/></a><a href="https://twelve.tools" target="_blank"><img src="https://twelve.tools/badge2-white.svg" alt="Featured on Twelve Tools" width="120" height="24" class="h-6 w-auto"/></a><a href="https://startupfa.me/s/wplace-pixel-1?utm_source=wplace-pixel.com" target="_blank"><img src="https://startupfa.me/badges/featured/default-small.webp" alt="Featured on Startup Fame" width="120" height="24" class="h-6 w-auto"/></a><a href="https://findly.tools/wplace-pixel?utm_source=wplace-pixel" target="_blank"><img src="https://findly.tools/badges/findly-tools-badge-light.svg" alt="Featured on findly.tools" width="120" height="24" class="h-6 w-auto"/></a><a href="https://dang.ai/" target="_blank"><img src="https://cdn.prod.website-files.com/63d8afd87da01fb58ea3fbcb/6487e2868c6c8f93b4828827_dang-badge.png" alt="Dang.ai" width="120" height="24" class="h-6 w-auto"/></a><a href="https://aistage.net" target="_blank" title="AIStage" class="text-sm hover:text-primary border border-muted-foreground/20 px-3 py-1 rounded-md">AIStage</a><a href="https://nano-banana-pro.com?utm_source=https://wplace-pixel.com/" target="_blank" title="Nano Banana Pro" class="text-sm hover:text-primary border border-muted-foreground
1/20 px-3 py-1 rounded-md">Nano Banana Pro</a><a href="https://music-ai.studio?utm_source=https://wplace-pixel.com/" target="_blank" title="Music AI Studio" class="text-sm hover:text-primary border border-muted-foreground/20 px-3 py-1 rounded-md">Music AI Studio</a><a href="https://flux2pro.ai?utm_source=https://wplace-pixel.com/" target="_blank" title="Flux.2 Pro AI Editor" class="text-sm hover:text-primary border border-muted-foreground/20 px-3 py-1 rounded-md">Flux.2 Pro AI Editor</a><a href="https://aipicturegenerator.ai?utm_source=https://wplace-pixel.com/" target="_blank" title="AI Picture Generator" class="text-sm hover:text-primary border border-muted-foreground/20 px-3 py-1 rounded-md">AI Picture Generator</a><a href="https://supaimagine.ai?utm_source=wplace-pixel.com&amp;utm_medium=footer&amp;utm_campaign=referral" target="_blank" title="Supaimagine" class="text-sm hover:text-primary border border-muted-foreground/20 px-3 py-1 rounded-md">Supaimagine</a></div></div><ul class="flex justify-center gap-4 lg:justify-start"><li class="hover:text-primary"><a href="/privacy-policy">Privacy Policy</a></li><li class="hover:text-primary"><a href="/terms-of-service">Terms of Service</a></li></ul></div></footer></div></section><a href="https://ko-fi.com/vancezhuang" target="_blank" rel="noopener noreferrer" class="fixed bottom-4 left-4 z-50 bg-gradient-to-r from-pink-500 to-red-500 hover:from-pink-600 hover:to-red-600 text-white rounded-full p-3 shadow-lg transition-all duration-300 flex items-center justify-center hover:animate-none hover:scale-110 group" style="animation:bounce 2s infinite" aria-label="支持开发者"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="group-hover:animate-pulse"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" fill="currentColor"></path></svg><div class="absolute inset-0 rounded-full bg-gradient-to-r from-pink-400 to-red-400 animate-ping opacity-20"></div></a><section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section>
1<script defer="" data-domain="wplace-pixel.com" src="https://plausible.zojian.cloud/js/script.js"></script>
1<script src="/_next/static/chunks/webpack-655821a9c11c63d6.js" async=""></script>
1<script>(self.__next_f=self.__next_f||[]).push([0])</script>
1<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n5:I[15656,[],\"\"]\n6:I[22110,[],\"\"]\n8:I[9928,[],\"MetadataBoundary\"]\na:I[9928,[],\"OutletBoundary\"]\nd:I[71760,[],\"AsyncMetadataOutlet\"]\nf:I[9928,[],\"ViewportBoundary\"]\n11:I[90839,[],\"\"]\n12:\"$Sreact.suspense\"\n13:I[71760,[],\"AsyncMetadata\"]\n15:I[93612,[\"8953\",\"static/chunks/5d96f05a-8b2a541251fb7e9a.js\",\"3439\",\"static/chunks/3439-3dcf85e0f60a1387.js\",\"7065\",\"static/chunks/7065-86ad806491b9c0a2.js\",\"9696\",\"static/chunks/9696-f5e4a77d52e03bf9.js\",\"4846\",\"static/chunks/4846-2fd604e3280f6ae3.js\",\"2404\",\"static/chunks/2404-45e2971d04eb5ccb.js\",\"6531\",\"static/chunks/6531-1a97219471f1f99d.js\",\"8166\",\"static/chunks/8166-67c88b0952b5aef8.js\",\"2833\",\"static/chunks/2833-9c93973d0239cfcf.js\",\"3544\",\"static/chunks/3544-4ce5be4eca624ca9.js\",\"5434\",\"static/chunks/5434-25b431788c94c267.js\",\"7224\",\"static/chunks/7224-4c81dc0da4eac33b.js\",\"1148\",\"static/chunks/app/%5Blocale%5D/(default)/wplace-tool/page-16a08aa555595e4a.js\"],\"default\"]\n17:I[5434,[\"8953\",\"static/chunks/5d96f05a-8b2a541251fb7e9a.js\",\"3439\",\"static/chunks/3439-3dcf85e0f60a1387.js\",\"7065\",\"static/chunks/7065-86ad806491b9c0a2.js\",\"9696\",\"static/chunks/9696-f5e4a77d52e03bf9.js\",\"4846\",\"static/chunks/4846-2fd604e3280f6ae3.js\",\"2404\",\"static/chunks/2404-45e2971d04eb5ccb.js\",\"6531\",\"static/chunks/6531-1a97219471f1f99d.js\",\"8166\",\"static/chunks/8166-67c88b0952b5aef8.js\",\"2833\",\"static/chunks/2833-9c93973d0239cfcf.js\",\"3544\",\"static/chunks/3544-4ce5be4eca624ca9.js\",\"5434\",\"static/chunks/5434-25b431788c94c267.js\",\"7224\",\"static/chunks/7224-4c81dc0da4eac33b.js\",\"1148\",\"static/chunks/app/%5Blocale%5D/(default)/wplace-tool/page-16a08aa555595e4a.js\"],\"default\"]\n18:I[29899,[\"8953\",\"static/chunks/5d96f05a-8b2a541251fb7e9a.js\",\"3439\",\"static/chunks/3439-3dcf85e0f60a1387.js\",\"7065\",\"static/chunks/7065-86ad806491b9c0a2.js\",\"9696\",\"static/chunks/9696-f5e4a77d52e03bf9.js\",\"4846\",\"static/chunks/4846-2fd604e3280f6ae3.js\",\"2404\",\"static/chunks/2404-45e2971d04eb5ccb.js\",\"6531\",\"static/chunks/6531-1a97219471f1f99d.js\",\"8166\",\"static/chunks/8166-67c88b0952b5aef8.js\",\"2833\",\"sta"])</script>
1<script>self.__next_f.push([1,"tic/chunks/2833-9c93973d0239cfcf.js\",\"3544\",\"static/chunks/3544-4ce5be4eca624ca9.js\",\"5434\",\"static/chunks/5434-25b431788c94c267.js\",\"7224\",\"static/chunks/7224-4c81dc0da4eac33b.js\",\"1148\",\"static/chunks/app/%5Blocale%5D/(default)/wplace-tool/page-16a08aa555595e4a.js\"],\"Accordion\"]\n19:I[29899,[\"8953\",\"static/chunks/5d96f05a-8b2a541251fb7e9a.js\",\"3439\",\"static/chunks/3439-3dcf85e0f60a1387.js\",\"7065\",\"static/chunks/7065-86ad806491b9c0a2.js\",\"9696\",\"static/chunks/9696-f5e4a77d52e03bf9.js\",\"4846\",\"static/chunks/4846-2fd604e3280f6ae3.js\",\"2404\",\"static/chunks/2404-45e2971d04eb5ccb.js\",\"6531\",\"static/chunks/6531-1a97219471f1f99d.js\",\"8166\",\"static/chunks/8166-67c88b0952b5aef8.js\",\"2833\",\"static/chunks/2833-9c93973d0239cfcf.js\",\"3544\",\"static/chunks/3544-4ce5be4eca624ca9.js\",\"5434\",\"static/chunks/5434-25b431788c94c267.js\",\"7224\",\"static/chunks/7224-4c81dc0da4eac33b.js\",\"1148\",\"static/chunks/app/%5Blocale%5D/(default)/wplace-tool/page-16a08aa555595e4a.js\"],\"AccordionItem\"]\n1a:I[29899,[\"8953\",\"static/chunks/5d96f05a-8b2a541251fb7e9a.js\",\"3439\",\"static/chunks/3439-3dcf85e0f60a1387.js\",\"7065\",\"static/chunks/7065-86ad806491b9c0a2.js\",\"9696\",\"static/chunks/9696-f5e4a77d52e03bf9.js\",\"4846\",\"static/chunks/4846-2fd604e3280f6ae3.js\",\"2404\",\"static/chunks/2404-45e2971d04eb5ccb.js\",\"6531\",\"static/chunks/6531-1a97219471f1f99d.js\",\"8166\",\"static/chunks/8166-67c88b0952b5aef8.js\",\"2833\",\"static/chunks/2833-9c93973d0239cfcf.js\",\"3544\",\"static/chunks/3544-4ce5be4eca624ca9.js\",\"5434\",\"static/chunks/5434-25b431788c94c267.js\",\"7224\",\"static/chunks/7224-4c81dc0da4eac33b.js\",\"1148\",\"static/chunks/app/%5Blocale%5D/(default)/wplace-tool/page-16a08aa555595e4a.js\"],\"AccordionTrigger\"]\n1b:I[29899,[\"8953\",\"static/chunks/5d96f05a-8b2a541251fb7e9a.js\",\"3439\",\"static/chunks/3439-3dcf85e0f60a1387.js\",\"7065\",\"static/chunks/7065-86ad806491b9c0a2.js\",\"9696\",\"static/chunks/9696-f5e4a77d52e03bf9.js\",\"4846\",\"static/chunks/4846-2fd604e3280f6ae3.js\",\"2404\",\"static/chunks/2404-45e2971d04eb5ccb.js\",\"6531\",\"static/chunks/6531-1a97219471f1f99d.js\",\"8166\",\"static/ch"])</script>
1<script>self.__next_f.push([1,"unks/8166-67c88b0952b5aef8.js\",\"2833\",\"static/chunks/2833-9c93973d0239cfcf.js\",\"3544\",\"static/chunks/3544-4ce5be4eca624ca9.js\",\"5434\",\"static/chunks/5434-25b431788c94c267.js\",\"7224\",\"static/chunks/7224-4c81dc0da4eac33b.js\",\"1148\",\"static/chunks/app/%5Blocale%5D/(default)/wplace-tool/page-16a08aa555595e4a.js\"],\"AccordionContent\"]\n1d:I[32089,[\"8953\",\"static/chunks/5d96f05a-8b2a541251fb7e9a.js\",\"8548\",\"static/chunks/b27dc69b-f9245ae08b916bc0.js\",\"4302\",\"static/chunks/c2b2e597-4329a4ddf64edd41.js\",\"3592\",\"static/chunks/5f1cc397-652c10dd83f996f2.js\",\"3439\",\"static/chunks/3439-3dcf85e0f60a1387.js\",\"7065\",\"static/chunks/7065-86ad806491b9c0a2.js\",\"9696\",\"static/chunks/9696-f5e4a77d52e03bf9.js\",\"4846\",\"static/chunks/4846-2fd604e3280f6ae3.js\",\"2404\",\"static/chunks/2404-45e2971d04eb5ccb.js\",\"6531\",\"static/chunks/6531-1a97219471f1f99d.js\",\"8166\",\"static/chunks/8166-67c88b0952b5aef8.js\",\"2067\",\"static/chunks/2067-e34015e89f839922.js\",\"2833\",\"static/chunks/2833-9c93973d0239cfcf.js\",\"6214\",\"static/chunks/6214-d9abbe6524addd5f.js\",\"8598\",\"static/chunks/8598-f8f36cd8f89b2eb9.js\",\"9360\",\"static/chunks/9360-140eb071a6e6cf27.js\",\"7344\",\"static/chunks/7344-a6e6dba51757ace0.js\",\"3425\",\"static/chunks/app/%5Blocale%5D/(default)/layout-31b4b819850ee0d7.js\"],\"default\"]\n28:I[50613,[\"8953\",\"static/chunks/5d96f05a-8b2a541251fb7e9a.js\",\"3439\",\"static/chunks/3439-3dcf85e0f60a1387.js\",\"7065\",\"static/chunks/7065-86ad806491b9c0a2.js\",\"9696\",\"static/chunks/9696-f5e4a77d52e03bf9.js\",\"4846\",\"static/chunks/4846-2fd604e3280f6ae3.js\",\"2404\",\"static/chunks/2404-45e2971d04eb5ccb.js\",\"6531\",\"static/chunks/6531-1a97219471f1f99d.js\",\"8166\",\"static/chunks/8166-67c88b0952b5aef8.js\",\"2833\",\"static/chunks/2833-9c93973d0239cfcf.js\",\"3544\",\"static/chunks/3544-4ce5be4eca624ca9.js\",\"5434\",\"static/chunks/5434-25b431788c94c267.js\",\"7224\",\"static/chunks/7224-4c81dc0da4eac33b.js\",\"1148\",\"static/chunks/app/%5Blocale%5D/(default)/wplace-tool/page-16a08aa555595e4a.js\"],\"default\"]\n29:I[93311,[\"8548\",\"static/chunks/b27dc69b-f9245ae08b916bc0.js\",\"3439\",\"static/chunks/3439-3d"])</script>
1<script>self.__next_f.push([1,"cf85e0f60a1387.js\",\"9696\",\"static/chunks/9696-f5e4a77d52e03bf9.js\",\"4846\",\"static/chunks/4846-2fd604e3280f6ae3.js\",\"2404\",\"static/chunks/2404-45e2971d04eb5ccb.js\",\"9856\",\"static/chunks/9856-207777874e9b632a.js\",\"2067\",\"static/chunks/2067-e34015e89f839922.js\",\"6214\",\"static/chunks/6214-d9abbe6524addd5f.js\",\"5059\",\"static/chunks/5059-ab0f2e590224d3cd.js\",\"8450\",\"static/chunks/app/%5Blocale%5D/layout-8cf6456946c2aa60.js\"],\"default\"]\n2a:I[6176,[\"8548\",\"static/chunks/b27dc69b-f9245ae08b916bc0.js\",\"3439\",\"static/chunks/3439-3dcf85e0f60a1387.js\",\"9696\",\"static/chunks/9696-f5e4a77d52e03bf9.js\",\"4846\",\"static/chunks/4846-2fd604e3280f6ae3.js\",\"2404\",\"static/chunks/2404-45e2971d04eb5ccb.js\",\"9856\",\"static/chunks/9856-207777874e9b632a.js\",\"2067\",\"static/chunks/2067-e34015e89f839922.js\",\"6214\",\"static/chunks/6214-d9abbe6524addd5f.js\",\"5059\",\"static/chunks/5059-ab0f2e590224d3cd.js\",\"8450\",\"static/chunks/app/%5Blocale%5D/layout-8cf6456946c2aa60.js\"],\"NextAuthSessionProvider\"]\n2b:I[2640,[\"8548\",\"static/chunks/b27dc69b-f9245ae08b916bc0.js\",\"3439\",\"static/chunks/3439-3dcf85e0f60a1387.js\",\"9696\",\"static/chunks/9696-f5e4a77d52e03bf9.js\",\"4846\",\"static/chunks/4846-2fd604e3280f6ae3.js\",\"2404\",\"static/chunks/2404-45e2971d04eb5ccb.js\",\"9856\",\"static/chunks/9856-207777874e9b632a.js\",\"2067\",\"static/chunks/2067-e34015e89f839922.js\",\"6214\",\"static/chunks/6214-d9abbe6524addd5f.js\",\"5059\",\"static/chunks/5059-ab0f2e590224d3cd.js\",\"8450\",\"static/chunks/app/%5Blocale%5D/layout-8cf6456946c2aa60.js\"],\"AppContextProvider\"]\n2c:I[16329,[\"8548\",\"static/chunks/b27dc69b-f9245ae08b916bc0.js\",\"3439\",\"static/chunks/3439-3dcf85e0f60a1387.js\",\"9696\",\"static/chunks/9696-f5e4a77d52e03bf9.js\",\"4846\",\"static/chunks/4846-2fd604e3280f6ae3.js\",\"2404\",\"static/chunks/2404-45e2971d04eb5ccb.js\",\"9856\",\"static/chunks/9856-207777874e9b632a.js\",\"2067\",\"static/chunks/2067-e34015e89f839922.js\",\"6214\",\"static/chunks/6214-d9abbe6524addd5f.js\",\"5059\",\"static/chunks/5059-ab0f2e590224d3cd.js\",\"8450\",\"static/chunks/app/%5Blocale%5D/layout-8cf6456946c2aa60.js\"],\"ThemeProvider\"]\n:H"])</script>
1<script>self.__next_f.push([1,"L[\"/_next/static/css/589d4faa31402e1d.css\",\"style\"]\n0:{\"P\":null,\"b\":\"sSodL89LeXfqCA1GSV9Jv\",\"p\":\"\",\"c\":[\"\",\"wplace-tool\"],\"i\":false,\"f\":[[[\"\",{\"children\":[[\"locale\",\"en\",\"d\"],{\"children\":[\"(default)\",{\"children\":[\"wplace-tool\",{\"children\":[\"__PAGE__\",{}]}]}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/589d4faa31402e1d.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],\"$L2\"]}],{\"children\":[[\"locale\",\"en\",\"d\"],[\"$\",\"$1\",\"c\",{\"children\":[null,\"$L3\"]}],{\"children\":[\"(default)\",[\"$\",\"$1\",\"c\",{\"children\":[null,\"$L4\"]}],{\"children\":[\"wplace-tool\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L5\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L6\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[\"$L7\",[\"$\",\"$L8\",null,{\"children\":\"$L9\"}],null,[\"$\",\"$La\",null,{\"children\":[\"$Lb\",\"$Lc\",[\"$\",\"$Ld\",null,{\"promise\":\"$@e\"}]]}]]}],{},null,false]},null,false]},null,false]},null,false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$1\",\"MN7kRnNA770SuTekKCu1P\",{\"children\":[[\"$\",\"$Lf\",null,{\"children\":\"$L10\"}],null]}],null]}],false]],\"m\":\"$undefined\",\"G\":[\"$11\",\"$undefined\"],\"s\":false,\"S\":false}\n9:[\"$\",\"$12\",null,{\"fallback\":null,\"children\":[\"$\",\"$L13\",null,{\"promise\":\"$@14\"}]}]\n"])</script>
1<script>self.__next_f.push([1,"7:[[\"$\",\"section\",null,{\"className\":\"py-24\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"children\":[\"$\",\"div\",null,{\"className\":\"text-center\",\"children\":[[\"$\",\"span\",null,{\"data-slot\":\"badge\",\"className\":\"inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [\u0026\u003esvg]:size-3 gap-1 [\u0026\u003esvg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-primary text-primary-foreground [a\u0026]:hover:bg-primary/90 mb-4\",\"children\":\"Image Conversion Tool\"}],[\"$\",\"h1\",null,{\"className\":\"mx-auto mb-6 max-w-4xl text-balance text-4xl font-bold lg:text-6xl\",\"children\":[\"Wplace Tool - \",[\"$\",\"span\",null,{\"className\":\"bg-linear-to-r from-primary via-primary to-primary bg-clip-text text-transparent\",\"children\":\"Pixel Art Converter\"}]]}],[\"$\",\"p\",null,{\"className\":\"mx-auto max-w-3xl text-muted-foreground lg:text-xl mb-8\",\"children\":\"Wplace Tool transforms your favorite images into wplace.live pixel art. Wplace Tool works perfectly with the Blue Marble browser plugin for easy and efficient pixel art creation using Wplace Tool.\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-col justify-center gap-4 sm:flex-row\",\"children\":[[\"$\",\"a\",null,{\"href\":\"#converter\",\"children\":[\"$\",\"button\",null,{\"data-slot\":\"button\",\"className\":\"inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [\u0026_svg]:pointer-events-none [\u0026_svg:not([class*='size-'])]:size-4 shrink-0 [\u0026_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-primary text-primary-foreground shadow-xs hover:bg-primary/90 h-10 rounded-md px-6 has-[\u003esvg]:px-4 w-full sm:w-auto\",\"children\":[[\"$\",\"$L15\",null,{\"name\":\"Image\",\"className\":\"mr-2\"}],\"Try Now\"]}]}],\"$L16\"]}]]}]}]}],[\"$\",\"section\",null,{\"id\":\"converter\",\"className\":\"scroll-mt-20\",\"children\":[\"$\",\"$L17\",null,{}]}],[\"$\",\"section\",null,{\"className\":\"py-16\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-center mb-12\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-3xl font-bold lg:text-4xl mb-4\",\"children\":\"Wplace Tool's Powerful Image Conversion Features\"}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground lg:text-lg max-w-2xl mx-auto\",\"children\":\"Wplace Tool can convert any image to pixel art with support for multiple sizes and color modes, providing perfect materials for wplace.live creation.\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid gap-6 md:grid-cols-2 lg:grid-cols-3\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"card-header\",\"className\":\"@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6\",\"children\":[[\"$\",\"$L15\",null,{\"name\":\"Image\",\"className\":\"h-8 w-8 mb-2 text-primary\"}],[\"$\",\"div\",null,{\"data-slot\":\"card-title\",\"className\":\"leading-none font-semibold\",\"children\":\"Smart Image Conversion\"}]]}],[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-6\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-description\",\"className\":\"text-muted-foreground text-sm\",\"children\":\"Upload any image to Wplace Tool and Wplace Tool automatically converts it to pixel art with intelligent wplace palette matching.\"}]}]]}],[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"card-header\",\"className\":\"@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6\",\"children\":[[\"$\",\"$L15\",null,{\"name\":\"Grid3x3\",\"className\":\"h-8 w-8 mb-2 text-primary\"}],[\"$\",\"div\",null,{\"data-slot\":\"card-title\",\"className\":\"leading-none font-semibold\",\"children\":\"Grid Generator\"}]]}],[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-6\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-description\",\"className\":\"text-muted-foreground text-sm\",\"children\":\"Wplace Tool automatically generates numbered grid images for manual pixel placement or team collaboration.\"}]}]]}],[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"card-header\",\"className\":\"@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6\",\"children\":[[\"$\",\"$L15\",null,{\"name\":\"Puzzle\",\"className\":\"h-8 w-8 mb-2 text-primary\"}],[\"$\",\"div\",null,{\"data-slot\":\"card-title\",\"className\":\"leading-none font-semibold\",\"children\":\"Blue Marble Integration\"}]]}],[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-6\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-description\",\"className\":\"text-muted-foreground text-sm\",\"children\":\"Wplace Tool generated templates are perfectly compatible with Blue Marble plugin for automatic placement and real-time preview.\"}]}]]}],[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"card-header\",\"className\":\"@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6\",\"children\":[[\"$\",\"$L15\",null,{\"name\":\"Maximize2\",\"className\":\"h-8 w-8 mb-2 text-primary\"}],[\"$\",\"div\",null,{\"data-slot\":\"card-title\",\"className\":\"leading-none font-semibold\",\"children\":\"Multiple Size Presets\"}]]}],[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-6\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-description\",\"className\":\"text-muted-foreground text-sm\",\"children\":\"From 32x32 to 256x256, choose the perfect pixel art size for your project.\"}]}]]}],[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"card-header\",\"className\":\"@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6\",\"children\":[[\"$\",\"$L15\",null,{\"name\":\"Palette\",\"className\":\"h-8 w-8 mb-2 text-primary\"}],[\"$\",\"div\",null,{\"data-slot\":\"card-title\",\"className\":\"leading-none font-semibold\",\"children\":\"Color Mode Selection\"}]]}],[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-6\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-description\",\"className\":\"text-muted-foreground text-sm\",\"children\":\"Supp
1ort for full palette or free colors only mode to avoid using locked colors.\"}]}]]}],[\"$\",\"div\",null,{\"data-slot\":\"card\",\"className\":\"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm\",\"children\":[[\"$\",\"div\",null,{\"data-slot\":\"card-header\",\"className\":\"@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6\",\"children\":[[\"$\",\"$L15\",null,{\"name\":\"Download\",\"className\":\"h-8 w-8 mb-2 text-primary\"}],[\"$\",\"div\",null,{\"data-slot\":\"card-title\",\"className\":\"leading-none font-semibold\",\"children\":\"Instant Download\"}]]}],[\"$\",\"div\",null,{\"data-slot\":\"card-content\",\"className\":\"px-6\",\"children\":[\"$\",\"div\",null,{\"data-slot\":\"card-description\",\"className\":\"text-muted-foreground text-sm\",\"children\":\"One-click download of converted pixel art and color index maps in multiple formats.\"}]}]]}]]}]]}]}],[\"$\",\"section\",null,{\"className\":\"py-16\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-center mb-12\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-3xl font-bold lg:text-4xl mb-4\",\"children\":\"Why Choose Wplace Tool Converter\"}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground lg:text-lg max-w-2xl mx-auto\",\"children\":\"Wplace Tool is designed specifically for wplace.live creators, Wplace Tool works perfectly with Blue Marble plugin to make pixel art creation using Wplace Tool easier than ever.\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid gap-8 lg:grid-cols-2 lg:gap-16\",\"children\":[[\"$\",\"div\",null,{\"className\":\"space-y-6\",\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-xl font-semibold mb-3 flex items-center\",\"children\":[[\"$\",\"$L15\",null,{\"name\":\"Check\",\"className\":\"h-5 w-5 mr-2 text-green-500\"}],\"Wplace Tool is Easy to Use\"]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground\",\"children\":\"Wplace Tool supports drag and drop upload, smart conversion, create beautiful pixel art without professional knowledge using Wplace Tool.\"}]]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-xl font-semibold mb-3 flex items-center\",\"children\":[[\"$\",\"$L15\",null,{\"name\":\"Check\",\"className\":\"h-5 w-5 mr-2 text-green-500\"}],\"Wplace Tool's Accurate Color Matching\"]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground\",\"children\":\"Wplace Tool's smart algorithms ensure converted colors perfectly match the official wplace palette.\"}]]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-xl font-semibold mb-3 flex items-center\",\"children\":[[\"$\",\"$L15\",null,{\"name\":\"Check\",\"className\":\"h-5 w-5 mr-2 text-green-500\"}],\"Wplace Tool is Blue Marble Ready\"]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground\",\"children\":\"Wplace Tool generated templates can be directly imported into Blue Marble plugin for automatic placement.\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"space-y-6\",\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-xl font-semibold mb-3 flex items-center\",\"children\":[[\"$\",\"$L15\",null,{\"name\":\"Check\",\"className\":\"h-5 w-5 mr-2 text-green-500\"}],\"Real-time Preview\"]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground\",\"children\":\"See effects instantly when adjusting parameters to ensure output meets expectations.\"}]]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-xl font-semibold mb-3 flex items-center\",\"children\":[[\"$\",\"$L15\",null,{\"name\":\"Check\",\"className\":\"h-5 w-5 mr-2 text-green-500\"}],\"Grid Support\"]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground\",\"children\":\"Optional grid lines and numbering system for manual placement or team collaboration.\"}]]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-xl font-semibold mb-3 flex items-center\",\"children\":[[\"$\",\"$L15\",null,{\"name\":\"Check\",\"className\":\"h-5 w-5 mr-2 text-green-500\"}],\"Free Forever\"]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground\",\"children\":\"All features completely free, no registration required, no hidden costs.\"}]]}]]}]]}]]}]}],[\"$\",\"section\",null,{\"className\":\"py-16\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-center mb-12\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-3xl font-bold lg:text-4xl mb-4\",\"children\":\"Wplace Tool Workflow Showcase\"}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground lg:text-lg max-w-2xl mx-auto\",\"children\":\"Learn how to use Wplace Tool with Blue Marble plugin to create pixel art\"}]]}],[\"$\",\"div\",null,{\"className\":\"max-w-4xl mx-auto\",\"children\":[\"$\",\"$L18\",null,{\"type\":\"single\",\"collapsible\":true,\"className\":\"w-full\",\"children\":[[\"$\",\"$L19\",null,{\"value\":\"step1\",\"children\":[[\"$\",\"$L1a\",null,{\"className\":\"text-left\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex items-center\",\"children\":[[\"$\",\"$L15\",null,{\"name\":\"Upload\",\"className\":\"h-5 w-5 mr-3\"}],\"Step 1: Upload Image to Wplace Tool\"]}]}],[\"$\",\"$L1b\",null,{\"children\":[\"$\",\"div\",null,{\"className\":\"space-y-4 pt-4\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-muted-foreground\",\"children\":\"Drag and drop your image into the Wplace Tool converter\"}],[\"$\",\"ul\",null,{\"className\":\"list-disc list-inside space-y-2 text-sm text-muted-foreground\",\"children\":[[\"$\",\"li\",null,{\"children\":\"Supp
1orts JPG, PNG, GIF and other common formats\"}],[\"$\",\"li\",null,{\"children\":\"Smart compression for large images\"}],[\"$\",\"li\",null,{\"children\":\"Real-time preview of original image\"}],[\"$\",\"li\",null,{\"children\":\"Batch processing support\"}]]}]]}]}]]}],[\"$\",\"$L19\",null,{\"value\":\"step2\",\"children\":[[\"$\",\"$L1a\",null,{\"className\":\"text-left\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex items-center\",\"children\":[[\"$\",\"$L15\",null,{\"name\":\"Settings\",\"className\":\"h-5 w-5 mr-3\"}],\"Step 2: Adjust Settings in Wplace Tool\"]}]}],[\"$\",\"$L1b\",null,{\"children\":[\"$\",\"div\",null,{\"className\":\"space-y-4 pt-4\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-muted-foreground\",\"children\":\"Choose output size and color mode in Wplace Tool\"}],[\"$\",\"ul\",null,{\"className\":\"list-disc list-inside space-y-2 text-sm text-muted-foreground\",\"children\":[[\"$\",\"li\",null,{\"children\":\"Multiple size presets available\"}],[\"$\",\"li\",null,{\"children\":\"Choose all colors or free colors only\"}],[\"$\",\"li\",null,{\"children\":\"Optional grid line display\"}],[\"$\",\"li\",null,{\"children\":\"Real-time preview of conversion effect\"}]]}]]}]}]]}],[\"$\",\"$L19\",null,{\"value\":\"step3\",\"children\":[[\"$\",\"$L1a\",null,{\"className\":\"text-left\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex items-center\",\"children\":[[\"$\",\"$L15\",null,{\"name\":\"Puzzle\",\"className\":\"h-5 w-5 mr-3\"}],\"Step 3: Use Wplace Tool Template\"]}]}],[\"$\",\"$L1b\",null,{\"children\":[\"$\",\"div\",null,{\"className\":\"space-y-4 pt-4\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-muted-foreground\",\"children\":\"Import Wplace Tool generated template into Blue Marble plugin\"}],[\"$\",\"ul\",null,{\"className\":\"list-disc list-inside space-y-2 text-sm text-muted-foreground\",\"children\":[[\"$\",\"li\",null,{\"children\":\"One-click import pixel art template\"}],[\"$\",\"li\",null,{\"children\":\"Auto-overlay on canvas\"}],[\"$\",\"li\",null,{\"children\":\"Smart avoidance of placed pixels\"}]]}]]}]}]]}]]}]}]]}]}],[\"$\",\"section\",null,{\"className\":\"py-16\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"children\":[\"$\",\"div\",null,{\"className\":\"text-center mb-12\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-3xl font-bold lg:text-4xl mb-4\",\"children\":\"Wplace Tool's Blue Marble Plugin\"}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground lg:text-lg max-w-2xl mx-auto\",\"children\":\"Use Blue Marble browser plugin with Wplace Tool to make pixel placement automatic and intelligent\"}]]}]}]}],[\"$\",\"section\",null,{\"className\":\"py-16\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"children\":[\"$\",\"div\",null,{\"className\":\"text-center\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-3xl font-bold lg:text-4xl mb-4\",\"children\":\"Start Creating Your Pixel Art with Wplace Tool Now\"}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground lg:text-lg max-w-2xl mx-auto mb-8\",\"children\":\"Use Wplace Tool image converter and Blue Marble plugin to easily create amazing works on wplace.live.\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-col justify-center gap-4 sm:flex-row\",\"children\":[[\"$\",\"a\",null,{\"href\":\"#converter\",\"children\":[\"$\",\"button\",null,{\"data-slot\":\"button\",\"className\":\"inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [\u0026_svg]:pointer-events-none [\u0026_svg:not([class*='size-'])]:size-4 shrink-0 [\u0026_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-primary text-primary-foreground shadow-xs hover:bg-primary/90 h-10 rounded-md px-6 has-[\u003esvg]:px-4 w-full sm:w-auto\",\"children\":[[\"$\",\"$L15\",null,{\"name\":\"Image\",\"className\":\"mr-2\"}],\"Start Converting\"]}]}],\"$L1c\"]}]]}]}]}],[\"$\",\"section\",null,{\"className\":\"py-16\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-center mb-12\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-3xl font-bold lg:text-4xl mb-4\",\"children\":\"Frequently Asked Questions\"}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground lg:text-lg max-w-2xl mx-auto\",\"children\":\"Common questions about Wplace Tool image converter and Blue Marble plugin\"}]]}],[\"$\",\"div\",null,{\"className\":\"max-w-3xl mx-auto\",\"children\":[\"$\",\"$L18\",null,{\"type\":\"single\",\"collapsible\":true,\"className\":\"w-full\",\"children\":[[\"$\",\"$L19\",null,{\"value\":\"item-1\",\"children\":[[\"$\",\"$L1a\",null,{\"children\":\"What is Blue Marble plugin?\"}],[\"$\",\"$L1b\",null,{\"children\":\"Blue Marble is a browser plugin that overlays pixel art templates on the wplace.live canvas, helping you place pixels accurately. It supports automatic placement, transparency adjustment, and more.\"}]]}],[\"$\",\"$L19\",null,{\"value\":\"item-2\",\"children\":[[\"$\",\"$L1a\",null,{\"children\":\"How to use the converter with Blue Marble?\"}],[\"$\",\"$L1b\",null,{\"children\":\"First use Wplace Tool converter to transform images into pixel art, download the Wplace Tool generated template, then import it into Blue Marble plugin to see the overlay effect on canvas.\"}]]}],[\"$\",\"$L19\",null,{\"value\":\"item-3\",\"children\":[[\"$\",\"$L1a\",null,{\"children\":\"What is free color mode?\"}],[\"$\",\"$L1b\",null,{\"children\":\"Some colors on wplace.live require unlocking. When free color mode is selected in Wplace Tool, the Wplace Tool converter only uses colors that don't need unlocking, ensuring you can place pixels directly.\"}]]}],[\"$\",\"$L19\",null,{\"value\":\"item-4\",\"children\":[[\"$\",\"$L1a\",null,{\"children\":\"What are grid numbers for?\"}],[\"$\",\"$L1b\",null,{\"children\":\"Wplace Tool's grid number maps help with manual pixel placement or team collaboration. Each number represents a color - refer to the Wplace Tool color list to know which color to place at each position.\"}]]}],[\"$\",\"$L19\",null,{\"value\":\"item-5\",\"children\":[[\"$\",\"$L1a\",null,{\"children\":\"What image sizes are supported?\"}],[\"$\",\"$L1b\",null,{\"children\":\"We recommend uploading images smaller than 10MB to Wplace Tool. The Wplace Tool converter will automatically scale images to your chosen pixel size (32x32 to 256x256).\"}]]}],[\"$\",\"$L19\",null,{\"value\":\"item-6\",\"children\":[[\"$\",\"$L1a\",null,{\"children\":\"Which browsers are supported?\"}],[\"$\",\"$L1b\",null,{\"children\":\"The Wplace Tool converter works on all modern browsers. Blue Marble plugin that works with Wplace Tool supports major browsers like Chrome, Firefox, and Edge.\"}]]}]]}]}]]}]}]]\n"])</script>
1<script>self.__next_f.push([1,"c:null\n"])</script>
1<script>self.__next_f.push([1,"4:[[\"$\",\"$L1d\",null,{\"header\":{\"brand\":{\"title\":\"Wplace Pixel\",\"url\":\"/\",\"logo\":{\"src\":\"https://cdn.img-hub.com/logo-circle.png\",\"alt\":\"wplace pixel\"}},\"nav\":{\"items\":[{\"title\":\"Wplace Converter\",\"url\":\"/wplace-converter\",\"icon\":\"RiSparkling2Line\"},{\"title\":\"Blue Marble Wplace Plugin\",\"url\":\"/blue-marble\",\"icon\":\"RiImageLine\"}]},\"buttons\":[],\"show_sign\":true,\"show_theme\":true,\"show_locale\":true}}],[\"$\",\"main\",null,{\"className\":\"overflow-x-hidden pt-16\",\"children\":[\"$\",\"$L5\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L6\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}],[\"$\",\"section\",null,{\"id\":\"footer\",\"className\":\"py-16\",\"children\":[\"$\",\"div\",null,{\"className\":\"max-w-7xl mx-auto px-8\",\"children\":[\"$\",\"footer\",null,{\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-center justify-between gap-10 text-center lg:flex-row lg:text-left\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex w-full max-w-96 shrink flex-col items-center justify-between gap-6 lg:items-start\",\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-center gap-2 lg:justify-start\",\"children\":[[\"$\",\"img\",null,{\"src\":\"https://cdn.img-hub.com/logo-circle.png\",\"alt\":\"wplace pixel\",\"className\":\"h-11\"}],[\"$\",\"p\",null,{\"className\":\"text-3xl font-semibold\",\"children\":\"Wplace Pixel\"}]]}],[\"$\",\"p\",null,{\"className\":\"mt-6 text-md text-muted-foreground\",\"children\":\"Free online tool to convert images into pixel art, specifically optimized for wplace.live collaborative canvas drawing.\"}]]}],[\"$\",\"ul\",null,{\"className\":\"flex items-center space-x-6 text-muted-foreground\",\"children\":[[\"$\",\"li\",\"0\",{\"className\":\"font-medium hover:text-primary\",\"children\":[\"$\",\"a\",null,{\"href\":\"https://discord.gg/v2B4XqN9\",\"target\":\"_blank\",\"children\":[\"$\",\"$L15\",null,{\"name\":\"RiDiscordFill\",\"className\":\"size-4\"}]}]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-3 gap-6 lg:gap-20\",\"children\":[[\"$\",\"div\",\"0\",{\"children\":[[\"$\",\"p\",null,{\"className\":\"mb-6 font-bold\",\"children\":\"Free AI Tools\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-4 text-sm text-muted-foreground\",\"children\":[[\"$\",\"li\",\"0\",{\"className\":\"font-medium hover:text-primary\",\"children\":\"$L1e\"}],[\"$\",\"li\",\"1\",{\"className\":\"font-medium hover:text-primary\",\"children\":\"$L1f\"}]]}]]}],[\"$\",\"div\",\"1\",{\"children\":[[\"$\",\"p\",null,{\"className\":\"mb-6 font-bold\",\"children\":\"Pixel Art Tools\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-4 text-sm text-muted-foreground\",\"children\":[[\"$\",\"li\",\"0\",{\"className\":\"font-medium hover:text-primary\",\"children\":\"$L20\"}],[\"$\",\"li\",\"1\",{\"className\":\"font-medium hover:text-primary\",\"children\":\"$L21\"}],[\"$\",\"li\",\"2\",{\"className\":\"font-medium hover:text-primary\",\"children\":\"$L22\"}],[\"$\",\"li\",\"3\",{\"className\":\"font-medium hover:text-primary\",\"children\":\"$L23\"}],[\"$\",\"li\",\"4\",{\"className\":\"font-medium hover:text-primary\",\"children\":\"$L24\"}],[\"$\",\"li\",\"5\",{\"className\":\"font-medium hover:text-primary\",\"children\":\"$L25\"}]]}]]}],[\"$\",\"div\",\"2\",{\"children\":[[\"$\",\"p\",null,{\"className\":\"mb-6 font-bold\",\"children\":\"Wplace Status\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-4 text-sm text-muted-foreground\",\"children\":[[\"$\",\"li\",\"0\",{\"className\":\"font-medium hover:text-primary\",\"children\":\"$L26\"}],[\"$\",\"li\",\"1\",{\"className\":\"font-medium hover:text-primary\",\"children\":\"$L27\"}]]}]]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-8 flex flex-col justify-between gap-4 border-t pt-8 text-center text-sm font-medium text-muted-foreground lg:flex-row lg:items-center lg:text-left\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-4 lg:flex-row lg:items-center lg:gap-8\",\"children\":[[\"$\",\"p\",null,{\"children\":\"© 2025 • wplace pixel All rights reserved.\"}],[\"$\",\"div\",null,{\"className\":\"flex justify-center gap-3 lg:justify-start\",\"children\":[[\"$\",\"a\",null,{\"href\":\"https://fazier.com/launches/wplace-pixel.com\",\"target\":\"_blank\",\"children\":[\"$\",\"img\",null,{\"src\":\"https://fazier.com/api/v1//public/badges/launch_badges.svg?badge_type=featured\u0026theme=light\",\"width\":\"120\",\"height\"
1:\"24\",\"alt\":\"Fazier badge\",\"className\":\"h-6 w-auto\"}]}],[\"$\",\"a\",null,{\"href\":\"https://twelve.tools\",\"target\":\"_blank\",\"children\":[\"$\",\"img\",null,{\"src\":\"https://twelve.tools/badge2-white.svg\",\"alt\":\"Featured on Twelve Tools\",\"width\":\"120\",\"height\":\"24\",\"className\":\"h-6 w-auto\"}]}],[\"$\",\"a\",null,{\"href\":\"https://startupfa.me/s/wplace-pixel-1?utm_source=wplace-pixel.com\",\"target\":\"_blank\",\"children\":[\"$\",\"img\",null,{\"src\":\"https://startupfa.me/badges/featured/default-small.webp\",\"alt\":\"Featured on Startup Fame\",\"width\":\"120\",\"height\":\"24\",\"className\":\"h-6 w-auto\"}]}],[\"$\",\"a\",null,{\"href\":\"https://findly.tools/wplace-pixel?utm_source=wplace-pixel\",\"target\":\"_blank\",\"children\":[\"$\",\"img\",null,{\"src\":\"https://findly.tools/badges/findly-tools-badge-light.svg\",\"alt\":\"Featured on findly.tools\",\"width\":\"120\",\"height\":\"24\",\"className\":\"h-6 w-auto\"}]}],[\"$\",\"a\",null,{\"href\":\"https://dang.ai/\",\"target\":\"_blank\",\"children\":[\"$\",\"img\",null,{\"src\":\"https://cdn.prod.website-files.com/63d8afd87da01fb58ea3fbcb/6487e2868c6c8f93b4828827_dang-badge.png\",\"alt\":\"Dang.ai\",\"width\":\"120\",\"height\":\"24\",\"className\":\"h-6 w-auto\"}]}],[\"$\",\"a\",null,{\"href\":\"https://aistage.net\",\"target\":\"_blank\",\"title\":\"AIStage\",\"className\":\"text-sm hover:text-primary border border-muted-foreground/20 px-3 py-1 rounded-md\",\"children\":\"AIStage\"}],[\"$\",\"a\",null,{\"href\":\"https://nano-banana-pro.com?utm_source=https://wplace-pixel.com/\",\"target\":\"_blank\",\"title\":\"Nano Banana Pro\",\"className\":\"text-sm hover:text-primary border border-muted-foreground/20 px-3 py-1 rounded-md\",\"children\":\"Nano Banana Pro\"}],[\"$\",\"a\",null,{\"href\":\"https://music-ai.studio?utm_source=https://wplace-pixel.com/\",\"target\":\"_blank\",\"title\":\"Music AI Studio\",\"className\":\"text-sm hover:text-primary border border-muted-foreground/20 px-3 py-1 rounded-md\",\"children\":\"Music AI Studio\"}],[\"$\",\"a\",null,{\"href\":\"https://flux2pro.ai?utm_source=https://wplace-pixel.com/\",\"target\":\"_blank\",\"title\":\"Flux.2 Pro AI Editor\",\"className\":\"text-sm hover:text-primary border border-muted-foreground/20 px-3 py-1 rounded-md\",\"children\":\"Flux.2 Pro AI Editor\"}],[\"$\",\"a\",null,{\"href\":\"https://aipicturegenerator.ai?utm_source=https://wplace-pixel.com/\",\"target\":\"_blank\",\"title\":\"AI Picture Generator\",\"className\":\"text-sm hover:text-primary border border-muted-foreground/20 px-3 py-1 rounded-md\",\"children\":\"AI Picture Generator\"}],[\"$\",\"a\",null,{\"href\":\"https://supaimagine.ai?utm_source=wplace-pixel.com\u0026utm_medium=footer\u0026utm_campaign=referral\",\"target\":\"_blank\",\"title\":\"Supaimagine\",\"className\":\"text-sm hover:text-primary border border-muted-foreground/20 px-3 py-1 rounded-md\",\"children\":\"Supaimagine\"}]]}]]}],[\"$\",\"ul\",null,{\"className\":\"flex justify-center gap-4 lg:justify-start\",\"children\":[[\"$\",\"li\",\"0\",{\"className\":\"hover:text-primary\",\"children\":[\"$\",\"a\",null,{\"href\":\"/privacy-policy\",\"target\":\"$undefined\",\"children\":\"Privacy Policy\"}]}],[\"$\",\"li\",\"1\",{\"className\":\"hover:text-primary\",\"children\":[\"$\",\"a\",null,{\"href\":\"/terms-of-service\",\"target\":\"$undefined\",\"children\":\"Terms of Service\"}]}]]}]]}]]}]}]}],[\"$\",\"a\",null,{\"href\":\"https://ko-fi.com/vancezhuang\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"fixed bottom-4 left-4 z-50 bg-gradient-to-r from-pink-500 to-red-500 hover:from-pink-600 hover:to-red-600 text-white rounded-full p-3 shadow-lg transition-all duration-300 flex items-center justify-center hover:animate-none hover:scale-110 group\",\"style\":{\"animation\":\"bounce 2s infinite\"},\"aria-label\":\"支持开发者\",\"children\":[[\"$\",\"svg\",null,{\"width\":\"24\",\"height\":\"24\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"className\":\"group-hover:animate-pulse\",\"children\":[\"$\",\"path\",null,{\"d\":\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\",\"fill\":\"currentColor\"}]}],[\"$\",\"div\",null,{\"className\":\"absolute inset-0 rounded-full bg-gradient-to-r from-pink-400 to-red-400 animate-ping opacity-20\"}]]}]]\n"])</script>
1<script>self.__next_f.push([1,"16:[\"$\",\"$L28\",null,{\"ref\":\"$undefined\",\"href\":\"/blue-marble\",\"locale\":\"$undefined\",\"localeCookie\":{\"name\":\"NEXT_LOCALE\",\"sameSite\":\"lax\"},\"children\":[\"$\",\"button\",null,{\"data-slot\":\"button\",\"className\":\"inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [\u0026_svg]:pointer-events-none [\u0026_svg:not([class*='size-'])]:size-4 shrink-0 [\u0026_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 h-10 rounded-md px-6 has-[\u003esvg]:px-4 w-full sm:w-auto\",\"children\":[[\"$\",\"$L15\",null,{\"name\":\"Download\",\"className\":\"mr-2\"}],\"Get Blue Marble Plugin\"]}]}]\n1c:[\"$\",\"$L28\",null,{\"ref\":\"$undefined\",\"href\":\"/blue-marble\",\"locale\":\"$undefined\",\"localeCookie\":\"$16:props:localeCookie\",\"children\":[\"$\",\"button\",null,{\"data-slot\":\"button\",\"className\":\"inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [\u0026_svg]:pointer-events-none [\u0026_svg:not([class*='size-'])]:size-4 shrink-0 [\u0026_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 h-10 rounded-md px-6 has-[\u003esvg]:px-4 w-full sm:w-auto\",\"children\":[[\"$\",\"$L15\",null,{\"name\":\"Puzzle\",\"className\":\"mr-2\"}],\"Get Blue Marble Plugin\"]}]}]\n1e:[\"$\",\"$L28\",null,{\"ref\":\"$undefined\",\"href\":\"https://flashimage.org\",\"locale\":\"$undefined\",\"localeCookie\":\"$16:props:localeCookie\",\"target\":\"_blank\",\"children\":\"Flash Image\"}]\n1f:[\"$\",\"$L28\",null,{\"ref\":\"$undefin"])</script>
1<script>self.__next_f.push([1,"ed\",\"href\":\"https://nanobananax.com/\",\"locale\":\"$undefined\",\"localeCookie\":\"$16:props:localeCookie\",\"target\":\"_blank\",\"children\":\"Nano Bananax\"}]\n20:[\"$\",\"$L28\",null,{\"ref\":\"$undefined\",\"href\":\"/wplace-converter\",\"locale\":\"$undefined\",\"localeCookie\":\"$16:props:localeCookie\",\"target\":\"_self\",\"children\":\"Wplace Converter\"}]\n21:[\"$\",\"$L28\",null,{\"ref\":\"$undefined\",\"href\":\"/wplace-tool\",\"locale\":\"$undefined\",\"localeCookie\":\"$16:props:localeCookie\",\"target\":\"_self\",\"children\":\"Wplace Tool\"}]\n22:[\"$\",\"$L28\",null,{\"ref\":\"$undefined\",\"href\":\"/wplace-bot\",\"locale\":\"$undefined\",\"localeCookie\":\"$16:props:localeCookie\",\"target\":\"_self\",\"children\":\"Wplace Bot\"}]\n23:[\"$\",\"$L28\",null,{\"ref\":\"$undefined\",\"href\":\"/wplace-overlay\",\"locale\":\"$undefined\",\"localeCookie\":\"$16:props:localeCookie\",\"target\":\"_self\",\"children\":\"Wplace Overlay\"}]\n24:[\"$\",\"$L28\",null,{\"ref\":\"$undefined\",\"href\":\"/wplace-script\",\"locale\":\"$undefined\",\"localeCookie\":\"$16:props:localeCookie\",\"target\":\"_self\",\"children\":\"Wplace Script\"}]\n25:[\"$\",\"$L28\",null,{\"ref\":\"$undefined\",\"href\":\"/blue-marble\",\"locale\":\"$undefined\",\"localeCookie\":\"$16:props:localeCookie\",\"target\":\"_self\",\"children\":\"Blue Marble Wplace Plugin\"}]\n26:[\"$\",\"$L28\",null,{\"ref\":\"$undefined\",\"href\":\"/status\",\"locale\":\"$undefined\",\"localeCookie\":\"$16:props:localeCookie\",\"target\":\"_self\",\"children\":\"Is Wplace Down? Status Check\"}]\n27:[\"$\",\"$L28\",null,{\"ref\":\"$undefined\",\"href\":\"https://wplace.live\",\"locale\":\"$undefined\",\"localeCookie\":\"$16:props:localeCookie\",\"target\":\"_blank\",\"children\":\"Visit Wplace.live Canvas\"}]\n"])</script>
1<script>self.__next_f.push([1,"2:[\"$\",\"html\",null,{\"lang\":\"en\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"meta\",null,{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1.0\"}],[\"$\",\"meta\",null,{\"name\":\"google-adsense-account\",\"content\":\"ca-pub-7526400357628451\"}],[\"$\",\"link\",null,{\"rel\":\"icon\",\"href\":\"/favicon.ico\"}],[[\"$\",\"link\",\"en\",{\"rel\":\"alternate\",\"hrefLang\":\"en\",\"href\":\"http://wplace-pixel.com/\"}],[\"$\",\"link\",\"zh\",{\"rel\":\"alternate\",\"hrefLang\":\"zh\",\"href\":\"http://wplace-pixel.com/zh/\"}],[\"$\",\"link\",\"zh-TW\",{\"rel\":\"alternate\",\"hrefLang\":\"zh-TW\",\"href\":\"http://wplace-pixel.com/zh-TW/\"}],[\"$\",\"link\",\"ja\",{\"rel\":\"alternate\",\"hrefLang\":\"ja\",\"href\":\"http://wplace-pixel.com/ja/\"}],[\"$\",\"link\",\"ko\",{\"rel\":\"alternate\",\"hrefLang\":\"ko\",\"href\":\"http://wplace-pixel.com/ko/\"}],[\"$\",\"link\",\"ru\",{\"rel\":\"alternate\",\"hrefLang\":\"ru\",\"href\":\"http://wplace-pixel.com/ru/\"}],[\"$\",\"link\",\"fr\",{\"rel\":\"alternate\",\"hrefLang\":\"fr\",\"href\":\"http://wplace-pixel.com/fr/\"}],[\"$\",\"link\",\"de\",{\"rel\":\"alternate\",\"hrefLang\":\"de\",\"href\":\"http://wplace-pixel.com/de/\"}],[\"$\",\"link\",\"ar\",{\"rel\":\"alternate\",\"hrefLang\":\"ar\",\"href\":\"http://wplace-pixel.com/ar/\"}],[\"$\",\"link\",\"es\",{\"rel\":\"alternate\",\"hrefLang\":\"es\",\"href\":\"http://wplace-pixel.com/es/\"}],[\"$\",\"link\",\"it\",{\"rel\":\"alternate\",\"hrefLang\":\"it\",\"href\":\"http://wplace-pixel.com/it/\"}]],[\"$\",\"link\",null,{\"rel\":\"alternate\",\"hrefLang\":\"x-default\",\"href\":\"http://wplace-pixel.com\"}]]}],[\"$\",\"body\",null,{\"children\":[\"$\",\"$L5\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L6\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"3:[\"$\",\"$L29\",null,{\"formats\":\"$undefined\",\"locale\":\"en\",\"messages\":{\"metadata\":{\"title\":\"Free Wplace Pixel Art Converter  | Wplace Pixel\",\"description\":\"Convert images to wplace pixel art optimized for wplace.live collaborative canvas. Free pixel art generator with advanced customization options.\",\"keywords\":\"wplace converter, free wplace converter, image to pixel art converter, wplace.live converter, best wplace converter, online wplace converter, wplace pixel art converter\"},\"user\":{\"sign_in\":\"Sign In\",\"sign_out\":\"Sign Out\",\"credits\":\"Credits\",\"api_keys\":\"API Keys\",\"my_orders\":\"My Orders\",\"user_center\":\"User Center\",\"admin_system\":\"Admin System\"},\"sign_modal\":{\"sign_in_title\":\"Sign In\",\"sign_in_description\":\"Sign in to your account\",\"sign_up_title\":\"Sign Up\",\"sign_up_description\":\"Create an account\",\"email_title\":\"Email\",\"email_placeholder\":\"Input your email here\",\"password_title\":\"Password\",\"password_placeholder\":\"Input your password here\",\"forgot_password\":\"Forgot password?\",\"or\":\"Or\",\"continue\":\"Continue\",\"no_account\":\"Don't have an account?\",\"email_sign_in\":\"Sign in with Email\",\"google_sign_in\":\"Sign in with Google\",\"github_sign_in\":\"Sign in with GitHub\",\"close_title\":\"Close\",\"cancel_title\":\"Cancel\"},\"my_orders\":{\"title\":\"My Orders\",\"description\":\"orders paid with ShipAny.\",\"no_orders\":\"No orders found\",\"tip\":\"\",\"activate_order\":\"Activate Order\",\"actived\":\"Activated\",\"join_discord\":\"Join Discord\",\"read_docs\":\"Read Docs\",\"table\":{\"order_no\":\"Order No\",\"email\":\"Email\",\"product_name\":\"Product Name\",\"amount\":\"Amount\",\"paid_at\":\"Paid At\",\"github_username\":\"GitHub Username\",\"status\":\"Status\",\"manage_billing\":\"Manage Billing\",\"interval\":\"Interval\",\"interval_month\":\"Monthly\",\"interval_year\":\"Annually\",\"interval_one_time\":\"One-Time\"}},\"my_credits\":{\"title\":\"My Credits\",\"left_tip\":\"left credits: {left_credits}\",\"no_credits\":\"No credits records\",\"recharge\":\"Recharge\",\"table\":{\"trans_no\":\"Trans No\",\"trans_type\":\"Trans Type\",\"credits\":\"Credits\",\"updated_at\":\"Updated At\",\"status\":\"Status\",\"expired_at\":\"Expired At\",\"created_at\":\"Created At\"}},\"api_keys\":{\"title\":\"API Keys\",\"tip\":\"Please keep your apikey safe to avoid leaks\",\"no_api_keys\":\"No API Keys\",\"create_api_key\":\"Create API Key\",\"table\":{\"name\":\"Name\",\"key\":\"Key\",\"created_at\":\"Created At\"},\"form\":{\"name\":\"Name\",\"name_placeholder\":\"API Key Name\",\"submit\":\"Submit\"}},\"blog\":{\"title\":\"Blog\",\"description\":\"News, resources, and updates about ShipAny\",\"read_more_text\":\"Read More\",\"no_content\":\"No content\",\"all\":\"All\",\"category\":\"Category\",\"author\":\"Author\"},\"my_invites\":{\"title\":\"My Invites\",\"description\":\"View your invite records\",\"no_invites\":\"No invite records found\",\"my_invite_link\":\"My Invite Link\",\"edit_invite_link\":\"Edit Invite Link\",\"copy_invite_link\":\"Copy Invite Link\",\"invite_code\":\"Invite Code\",\"invite_tip\":\"Invite 1 friend to buy ShipAny, reward $50.\",\"invite_balance\":\"Invite Reward Balance\",\"total_invite_count\":\"Total Invite Count\",\"total_paid_count\":\"Total Paid Count\",\"total_award_amount\":\"Total Award Amount\",\"update_invite_code\":\"Set Invite Code\",\"update_invite_code_tip\":\"Input your custom invite code\",\"update_invite_button\":\"Save\",\"no_orders\":\"You can't invite others before you bought ShipAny\",\"no_affiliates\":\"You're not allowed to invite others, please contact us to apply for permission.\",\"table\":{\"invite_time\":\"Invite Time\",\"invite_user\":\"Invite User\",\"status\":\"Status\",\"reward_percent\":\"Reward Percent\",\"reward_amount\":\"Reward Amount\",\"pending\":\"Pending\",\"completed\":\"Completed\"}},\"feedback\":{\"title\":\"Feedback\",\"description\":\"We'd love to hear what went well or how we can improve the product experience.\",\"submit\":\"Submit\",\"loading\":\"Submitting...\",\"contact_tip\":\"Other ways to contact us\",\"rating_tip\":\"How do you feel about ShipAny?\",\"placeholder\":\"Leave your words here...\"}
1,\"blue_marble\":{\"metadata\":{\"title\":\"Blue Marble Wplace - Official Template Overlay Plugin for Wplace.live | Wplace Pixel\",\"description\":\"Blue Marble Wplace plugin transforms your wplace.live experience with professional template overlay, precise coordinates, and smart color matching. Free download for enhanced pixel art creation.\",\"keywords\":\"\"},\"hero\":{\"badge\":\"#1 Wplace Enhancement Tool\",\"title\":\"Blue Marble Wplace - \",\"highlight\":\"Professional Pixel Art Plugin\",\"description\":\"Transform your wplace.live pixel art workflow with Blue Marble Wplace's advanced template overlay system. Professional-grade coordinate precision, smart color matching, and seamless mobile support for serious wplace creators.\",\"download_button\":\"View Installation Tutorial\",\"github_button\":\"View on GitHub\"},\"features\":{\"title\":\"Why Blue Marble Wplace is Essential for Pixel Artists\",\"description\":\"Blue Marble Wplace revolutionizes collaborative pixel art on wplace.live with cutting-edge template overlay technology, precision coordinate tracking, and intelligent color systems designed for professional wplace creators.\",\"template\":{\"title\":\"Blue Marble Wplace Template Overlay\",\"description\":\"Upload PNG/WEBP templates directly to wplace canvas with Blue Marble's precision overlay system. Advanced transparency controls and perfect alignment for professional wplace pixel art creation.\"},\"coordinates\":{\"title\":\"Wplace Coordinate Mastery System\",\"description\":\"Blue Marble Wplace provides pixel-perfect positioning with real-time tile and pixel coordinate tracking. Auto-fill positioning with advanced pin tool for exact wplace canvas placement.\"},\"palette\":{\"title\":\"Smart Wplace Color Integration\",\"description\":\"Intelligent color palette system with eyedropper tool for Blue Marble Wplace users. Automatically samples and matches your template colors with the official wplace.live color palette.\"},\"mobile\":{\"title\":\"Mobile Wplace Experience\",\"description\":\"Blue Marble Wplace works perfectly on mobile devices with touch-optimized controls. Create professional wplace pixel art anywhere with full mobile compatibility.\"},\"customizable\":{\"title\":\"Customizable Wplace Workflow\",\"description\":\"Personalize your Blue Marble Wplace experience with extensive configuration options. Optimize your wplace.live workflow with custom settings for maximum pixel art productivity.\"},\"browser\":{\"title\":\"Universal Browser Support for Wplace\",\"description\":\"Blue Marble Wplace supports Chrome, Edge, and Firefox browsers through TamperMonkey. One-click installation gets you creating amazing wplace pixel art instantly.\"}},\"installation\":{\"title\":\"Quick Installation Guide\",\"description\":\"Get Blue Marble up and running in just a few simple steps. No technical expertise required.\",\"video\":{\"title\":\"Video Installation Tutorial\",\"description\":\"Watch this step-by-step video guide to learn how to install Blue Marble on your browser.\"},\"compatibility\":{\"title\":\"Browser Compatibility\",\"supported\":{\"title\":\"Fully Supported\",\"browsers\":\"Chrome 88+, Edge 88+ (Chromium-based browsers with full userscript support)\"},\"partial\":{\"title\":\"Partial Support\",\"browsers\":\"Firefox 78+ (Some features may have limited functionality)\"},\"note\":\"For the best experience, we recommend using Chrome or Edge with TamperMonkey.\"},\"browsers\":{\"chrome\":{\"title\":\"Chrome Installation\",\"step1\":{\"title\":\"Install TamperMonkey Extension\",\"description\":\"Install the TamperMonkey extension for Chrome from the Chrome Web Store.\",\"button\":\"Install TamperMonkey\"},\"step2\":{\"title\":\"Right-click the Extension\",\"description\":\"Right-click the TamperMonkey extension icon in your browser toolbar.\"},\"step3\":{\"title\":\"Manage Extension\",\"description\":\"Left-click \\\"Manage Extension\\\" from the context menu.\"},\"step4\":{\"title\":\"Enable Developer Mode\",\"description\":\"Enable \\\"Developer Mode\\\" and \\\"Allow user scripts\\\" in the extension settings.\"},\"step5\":{\"title\":\"One-click Install\",\"description\":\"Click the link below to install Blue Marble directly. TamperMonkey will automatically detect the userscript and prompt you to install it.\",\"button\":\"Install Blue Marble\"},\"step6\":{\"title\":\"Refresh Wplace\",\"description\":\"Refresh the wplace.live webpage to start using Blue Marble.\"}},\"firefox\":{\"title\":\"Firefox Installation\",\"step1\":{\"title\":\"Install TamperMonkey\",\"description\":\"Install TamperMonkey from the Firefox Add-ons store.\",\"button\":\"Install TamperMonkey\"},\"step2\":{\"title\":\"Download Blue Marble\",\"description\":\"Download the BlueMarble.user.js file from the GitHub releases page.\",\"button\":\"Download Script\"},\"step3\":{\"title\":\"Install Script\",\"description\":\"TamperMonkey will prompt you to install the script. Click 'Install' to proceed.\"}},\"edge\":{\"title\":\"Microsoft Edge Installation\",\"step1\":{\"title\":\"Install TamperMonkey\",\"description\":\"Install TamperMonkey from the Microsoft Edge Add-ons store.\",\"button\":\"Install TamperMonkey\"},\"step2\":{\"title\":\"Enable TamperMonkey\",\"description\":\"Ensure TamperMonkey is enabled in your browser extensions.\"},\"step3\":{\"title\":\"Download Blue Marble\",\"description\":\"Visit the GitHub releases page to download the latest version.\",\"button\":\"Download from GitHub\"},\"step4\":{\"title\":\"Install Script\",\"description\":\"Open the downloaded file and TamperMonkey will guide you through installation.\"}}}},\"usage\":{\"title\":\"Master Blue Marble Wplace Like a Pro\",\"description\":\"Learn essential Blue Marble Wplace features to maximize your wplace.live pixel art workflow. From template upload to precision placement, master every tool.\",\"upload\":{\"title\":\"Upload Your Wplace Template\",\"description\":\"Click 'Upload Template' to import your pixel art design and display it as an overlay on the wplace canvas with Blue Marble's precision system.\"},\"coordinates\":{\"title\":\"Achieve Wplace Pixel Perfection\",\"description\":\"Use Blue Marble Wplace's coordinate system for perfect template alignment. Pin tool enables auto-fill positioning for exact wplace canvas placement.\"},\"eyedropper\":{\"title\":\"Smart Wplace Color Sampling\",\"description\":\"Blue Marble Wplace's eyedropper tool samples template colors and automatically matches them with the official wplace.live palette.\"}},\"cta\":{\"title\":\"Start Creating Professional Wplace Pixel Art Today\",\"description\":\"Join thousands of artists using Blue Marble Wplace to create stunning collaborative pixel art on wplace.live. Transform your creative process now.\",\"download_button\":\"View Installation Tutorial\",\"visit_wplace\":\"Visit Wplace.live Canvas\"},\"faq\":{\"title\":\"Frequently Asked Questions\",\"description\":\"Common questions about Blue Marble installation, usage, and features.\",\"
1items\":{\"malware\":{\"question\":\"Is Blue Marble malware?\",\"answer\":\"Blue Marble does not contain malicious code. The Blue Marble code can be found in the src/ folder. If you worry about Blue Marble being malware, you can read the code, then bundle it yourself using the tools in build/.\"},\"auto_placement\":{\"question\":\"How can Blue Marble place pixels for me?\",\"answer\":\"Unfortunately, Blue Marble will not support the automatic placement of pixels without user interaction because it is not allowed by Wplace.\"},\"hide_overlay\":{\"question\":\"How do I hide the overlay?\",\"answer\":\"Turn the userscript off and refresh the page.\"},\"color_filter\":{\"question\":\"How do I tell colors apart?\",\"answer\":\"Find the color in the color filter list. Click the checkbox to turn the color on or off. If you want to work on only one color at a time (recommended), then click \\\"Disable All\\\" in the color filter. Finally, enable the checkbox next to the color you want to place. This way, only one color on your template will appear at a time.\"},\"color_picker\":{\"question\":\"How do I get the color of a pixel?\",\"answer\":\"Use the eyedropper in the palette menu of wplace. If your template colors match the wplace palette, you can select the template pixel dot to get the template's color for that pixel.\"},\"notifications\":{\"question\":\"Why do game notifications appear on top of the overlay?\",\"answer\":\"Game notifications only appear when they need immediate attention. Therefore, they have priority over the overlay (which typically needs no attention).\"}}}},\"pixel_art_converter\":{\"metadata\":{\"title\":\"Free Wplace Converter - Image to Pixel Art | Best Wplace Converter Online\",\"description\":\"The ultimate wplace converter tool to transform images into pixel art for wplace.live. Free, fast wplace converter with advanced features. Best wplace converter online.\",\"keywords\":\"\"},\"upload_preview\":\"Upload \u0026 Preview\",\"settings\":\"Settings\",\"pixel_art_preview\":\"wplace pixel art Preview\",\"grid_size\":\"Grid Size\",\"display_mode\":\"Display Mode\",\"color_options\":\"Color Options\",\"color_palette\":\"wplace Color Palette\",\"show_grid_lines\":\"Show Grid Lines\",\"show_grid_lines_desc\":\"Display pixel grid overlay on the wplace pixel art\",\"use_free_colors_only\":\"Use Free Colors Only\",\"use_free_colors_only_desc\":\"Restrict palette to free colors available on wplace.live\",\"select_grid_size\":\"Select grid size\",\"choose_output_dimensions\":\"Choose the output pixel art dimensions\",\"upload_image_description\":\"Upload an image to convert to wplace pixel art\",\"drop_image_here\":\"Drop your image here to create pixel art\",\"supported_formats\":\"Supports PNG, JPG, JPEG, BMP, GIF (max 10MB)\",\"change_image\":\"Change Image\",\"download_art\":\"Download pixel art\",\"colors\":\"colors\",\"free\":\"Free\",\"premium\":\"Premium\",\"showing_all_colors\":\"Showing all {total} wplace colors ({free} free, {premium} premium)\",\"file_size_error\":\"File size must be less than 10MB\",\"invalid_file_error\":\"Please select a valid image file\",\"processing_error\":\"Error processing image to pixel art: {error}\",\"failed_to_load\":\"Failed to load image for pixel art conversion\",\"unknown_error\":\"Unknown error occurred during pixel art conversion\"},\"status\":{\"hero\":{\"title\":\"Is Wplace Down? Check Wplace Status Live\",\"description\":\"Wondering 'Is Wplace down?' Check Wplace downtime status instantly. Real-time Wplace.live monitoring shows if Wplace is down, experiencing outages, or running smoothly. Get immediate alerts when Wplace goes down.\"},\"live_monitor\":{\"title\":\"Is Wplace Down Right Now? Live Status Monitor\",\"description\":\"Check if Wplace is down this very moment. Our 24/7 Wplace down detector instantly shows when Wplace is down, slow, or offline. See real-time Wplace status updates and downtime reports.\"},\"monitoring\":{\"title\":\"Is Wplace Down? Real-Time Detection System\",\"description\":\"Advanced system that answers 'Is Wplace down?' within seconds. Monitor when Wplace is down, track downtime duration, and view historical Wplace outage data.\",\"features\":{\"realtime\":{\"title\":\"Is Wplace Down Alerts - Instant Notifications\",\"description\":\"Get instant alerts asking 'Is Wplace down?' Our monitoring checks Wplace every 30 seconds. Know immediately when Wplace is down, slow, or experiencing service issues.\"},\"uptime\":{\"title\":\"Wplace Down History \u0026 Uptime Stats\",\"description\":\"Track how often Wplace is down with detailed uptime statistics. View reports showing when Wplace was down, downtime duration, and reliability metrics to answer 'Is Wplace down often?'\"},\"alerts\":{\"title\":\"Wplace Down Notifications \u0026 Alerts\",\"description\":\"Receive instant alerts when Wplace is down via email, SMS, or push notifications. Never miss Wplace outages or downtime events with our reliable alert system.\"},\"analytics\":{\"title\":\"Is Wplace Down Often? Downtime Analytics\",\"description\":\"Analyze Wplace down patterns, outage frequency, and downtime trends. Track when Wplace is most likely to go down and monitor service improvements over time.\"}}},\"stats\":{\"label\":\"Is Wplace Down? Status Overview\",\"title\":\"Wplace Down Statistics \u0026 Current Status\",\"description\":\"Current Wplace status metrics including uptime percentage, downtime incidents, and service reliability. Check if Wplace is down or operating normally.\",\"uptime\":{\"title\":\"Wplace Uptime\",\"description\":\"Monthly availability rate\"},\"response\":{\"title\":\"Response Time\",\"description\":\"Average server response\"},\"incidents\":{\"title\":\"Down Events\",\"description\":\"Current Wplace outages\"}},\"faq\":{\"label\":\"Is Wplace Down? FAQ\",\"title\":\"Wplace Down FAQ - When Wplace Goes Down\",\"description\":\"Frequently asked questions about Wplace downtime, outages, and what to do when Wplace is down. Get answers about Wplace status and service issues.\",\"
1items\":{\"is_wplace_down\":{\"title\":\"Is Wplace down right now?\",\"description\":\"Check our live status monitor above to see if Wplace is down right now. When Wplace goes down, you'll see real-time alerts, affected services, and estimated fix times. You can also try accessing wplace.live directly to confirm if Wplace is down.\"},\"how_to_check\":{\"title\":\"How do I check if Wplace is down?\",\"description\":\"This Wplace down detector page is the quickest way to check Wplace status. Our monitoring system tracks Wplace.live from multiple global locations, providing instant Wplace down detection and real-time status updates.\"},\"what_if_down\":{\"title\":\"What should I do when Wplace is down?\",\"description\":\"When Wplace is down, first check this status page for official updates about the outage. Most Wplace down events are resolved quickly. Avoid repeatedly refreshing wplace.live during downtime as this won't help restore service faster.\"},\"status_updates\":{\"title\":\"How often is the 'Is Wplace down' status updated?\",\"description\":\"Our Wplace down detector updates every 30 seconds to provide real-time information about whether Wplace is down. During active Wplace outages, we post detailed updates about downtime causes and estimated resolution times.\"},\"maintenance\":{\"title\":\"Does Wplace schedule maintenance that causes downtime?\",\"description\":\"Scheduled Wplace maintenance is rare and announced in advance on this status page. Most Wplace updates are deployed without downtime. Any planned Wplace maintenance will be clearly marked with expected downtime duration.\"},\"performance\":{\"title\":\"How do I report Wplace issues when it's not officially down?\",\"description\":\"If you're experiencing Wplace problems that aren't showing as down on this status page, contact support with details about when you noticed Wplace issues, which features weren't working, and your location.\"}}},\"seo\":{\"title\":\"Is Wplace Down? Live Status Checker | Wplace Down Detector\",\"description\":\"Is Wplace down right now? Check Wplace status instantly with our live downtime detector. Real-time monitoring shows if Wplace is down, offline, or experiencing outages.\",\"keywords\":\"\"}}}
1,\"now\":\"$undefined\",\"timeZone\":\"UTC\",\"children\":[\"$\",\"$L2a\",null,{\"children\":[\"$\",\"$L2b\",null,{\"children\":[\"$\",\"$L2c\",null,{\"children\":[\"$\",\"$L5\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L6\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]}]}]\n"])</script>
1<script>self.__next_f.push([1,"10:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\nb:null\n14:{\"metadata\":[[\"$\",\"title\",\"0\",{\"children\":\"Wplace Tool - Image to Pixel Art Converter \u0026 Blue Marble Plugin Integration | Wplace Pixel\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Convert any image to wplace.live pixel art with perfect Blue Marble plugin integration. Automatic color matching, grid generation, and one-click pixel art template creation.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"keywords\",\"content\":\"metadata.keywords\"}],[\"$\",\"link\",\"3\",{\"rel\":\"canonical\",\"href\":\"http://wplace-pixel.com/wplace-tool\"}]],\"error\":null,\"digest\":\"$undefined\"}\ne:{\"metadata\":\"$14:metadata\",\"error\":null,\"digest\":\"$undefined\"}\n"])</script>
1<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"eb1d8fdc9ce249c3a8b68b516e59f4e5","r":1,"spa":2}' crossorigin="anonymous"></script>
1
2</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.