Vectors displaying in poor resolution after using export tool

[tothewhiteforest]

Hello,

I am having issues making a profile photo of 100x100 px look crisp and clean using either PNG or JPG after exporting the vector artwork using the "export tool".

I've tried resizing the artwork to larger and smaller sizes (abnormally large like 1500x1500 and 100x100) yet I am still having issues with it appearing in poor resolution when uploaded to the profile photo.

Specifically, the blue circle around the submark appears to be cut off, as if I hand-drew it, but I used ALL vectors. I even converted the path around the circle into an outlined object. Addtionally, the T looks pixelated. I do not understand what is happening here.

https://bio.site/TuliApparel

[jane-e]

@tothewhiteforest 

Zooming in on a raster file will always look pixelated. You need to look at it in 100% view instead.

Jane

[tothewhiteforest]

Yes, the issue is that I’m viewing it on a web browser as it would appear to anyone else visiting the site, so that at the 100% default view, it looks pixelated. It actually looks crisper when I zoom in more. So in this case, the opposite is occurring.

[Ton Frederiks]

Your file on your website is very large (1296x1344) and not a regular circle. It will be scaled and distorted on your website.

[Anubhav Majumder]

Hello @tothewhiteforest,

Thanks for reaching out and sharing the website link and the details. On inspecting the profile picture HTML code, it seems that it is being rendered at just 100 x 100 pixels, thereby leading to the stair-stepped appearance of diagonal lines in the profile photo.

You may try contacting SquareSpace support and checking if this can be modified in the code for better results.

Feel free to reach out if you have more questions or need assistance. We'd be happy to help.

Thanks,

Anubhav