After uploading to FB, the logo is pixelated

[AeonGaiden]

I already checked a few topics on this forum but still couldn't find the solution. I save my logo after being created in Ai and export it as SVG. Then I open my PS and photo and add that logo to the photo, click Ok to rasterize and save it for the web. The saved photo on my computer looks great, logo and all. But as soon as I upload the photo to FB, the quality of the whole photo is great even though FB does some compression, but the logo is pixelated/blurry.

So is this just a facebook thing that it simply compresses the file too much or am I doing something wrong?

[macpawel]

Be sure you prepare your graphic 1:1 - 100%

Scaling images in web browser couses to decrease quality

Best option is preparing your bitmap (raster) graphic exact size. Try to do this

Another option is Anty-aliasing

pawel

[rudo123 · Accepted solution]

Try send your photo to FB as PNG (lossless format), to avoid multiple lossy compressions (so full data from you, and only one compression at FB).

[AeonGaiden]

Id like to thank both of you! I think one of the problems was I was resizing the photo and adding the logo at the same time. Once I first resized and saved that photo AND then added the logo and saved again it worked but only once I turned it into PNG24 instead of JPEG. Thanks again!