adept7777

Trans Mermaid

  • she/mer

Tired lesbian barely able to do much outside of survive work.


tercel-enby
@tercel-enby

I understand if you want full resolution for art, but my internet connection begs you to become familiar with an image compressor like TinyPNG or similar


MxSelfDestruct
@MxSelfDestruct

it's cheap and easy, if you've got big files embedded in a page (like high-resolution images/video/audio), you can just tell the browser to only load them when needed


eramdam
@eramdam

CSS has a property called image-rendering and one of the values is pixelated.

The image is scaled with the "nearest neighbor" or similar algorithm to the nearest integer multiple of the original image size, then uses smooth interpolation to bring the image to the final desired size. This is intended to preserve a "pixelated" look without introducing scaling artifacts when the upscaled resolution isn't an integer multiple of the original.

So if you want to have your pixelart pieces on your website keep their look when you make them bigger/smaller1, image-rendering: pixelated is your best friend :eggbug:


  1. assuming you use integer increments of size. I'm assuming most pixelart artists are aware that resizing to 1.2x or 3.6x the size is Not A Good Time but you never know haha


You must log in to comment.

in reply to @tercel-enby's post:

god, i used to have so many problems with people uploading heavy files on websites, which would sometimes just not load at all with my internet connection.

i actually urge people to save files as JPG, since nowadays most drawing programs allow you to save images as high quality JPGs. It looks indistinguishable from PNGs, while always being under 1 MB.