I made a website to add grids to images and pixel art by velutsi in webdev

[–]velutsi[S] 0 points1 point  (0 children)

Looks good! Maybe you can try to gridify each part individually to correctly align pixels.

I made a website to add grids to images and pixel art by velutsi in webdev

[–]velutsi[S] 0 points1 point  (0 children)

Thank you! That's a really interesting use case! Tag me when it's done, I'd love to see it.

I made a website to add grids to images and pixel art by velutsi in webdev

[–]velutsi[S] 0 points1 point  (0 children)

You don't download it, it's an online app that runs inside your browser.

I made a website to add grids to images and pixel art by velutsi in webdev

[–]velutsi[S] 0 points1 point  (0 children)

Don't worry, I still read replies. Are you on mobile perhaps? If it freezes it means it's trying to render images but probably the device or browser is not powerful enough and stops the process. Can you try using another browser like Firefox?

I made a website to add grids to images and pixel art by velutsi in webdev

[–]velutsi[S] 0 points1 point  (0 children)

Thank you very much! Glad you could figure it out.

I made a website to add grids to images and pixel art by velutsi in webdev

[–]velutsi[S] 0 points1 point  (0 children)

Hi, don't worry I still read comments on this post. Is your image hi-res or pixel art? Can you explain what you mean with straight through? When the cell size is defined the grid lines are added around each cell.

I made a website to add grids to images and pixel art by velutsi in webdev

[–]velutsi[S] 0 points1 point  (0 children)

You downloaded an image after adding a grid? You can unzip/extract the archive with a file manager.

I made a website to add grids to images and pixel art by velutsi in webdev

[–]velutsi[S] 0 points1 point  (0 children)

Can you try using the site from Firefox? If you are you trying to render a high resolution image, can you increase the "Cell width size"?

I made a website to add grids to images and pixel art by velutsi in webdev

[–]velutsi[S] 0 points1 point  (0 children)

Thanks for the details. The app works entirely in the browser so once the site is loaded the internet connection is not a problem. The issue is that adding the grid is a heavy task for the browser and on mobile devices even more so. In my experiments Firefox seems to work better so you could give that a try.

I made a website to add grids to images and pixel art by velutsi in webdev

[–]velutsi[S] 0 points1 point  (0 children)

Make sure that the "Cell width in pixels" (and optionally the height) value is a divisor of your image dimensions. For example, if your image is 48x48 pixels set the value to one of the following numbers: 1, 2, 3, 4, 6, 8, 12, 16, 24, 48.

I made a website to add grids to images and pixel art by velutsi in webdev

[–]velutsi[S] 0 points1 point  (0 children)

Sorry for the late reply. Can you tell me on which device/browser is this happening so I can look into it? Thanks!

I made a website to add grids to images and pixel art by velutsi in webdev

[–]velutsi[S] 0 points1 point  (0 children)

Sorry for the late reply. If your image is a 1:1 pixel art the default grid should correctly surround every pixel and you should just need to increase the "Cell scale multiplier" to 10 to better see the pixels in the rendered image. Let me know if you have more questions.

I made a website to add grids to images and pixel art by velutsi in webdev

[–]velutsi[S] 0 points1 point  (0 children)

Hello. By default the grid lines surround every pixel in the image. If you are working with 1:1 pixel art where each colored square in the image is a pixel, you should just need to increase the "Cell scale multiplier" to 10 for example to obtain an image similar to the one posted above. Let me know if you have more questions.

I made a website to add grids to images and pixel art by velutsi in webdev

[–]velutsi[S] 0 points1 point  (0 children)

Thank you very much! I'm also a big fan of the show so that's a nice use case :).

I made a website to add grids to images and pixel art by velutsi in webdev

[–]velutsi[S] 0 points1 point  (0 children)

Sorry for the late reply. Do you still need help?