Participant

Answered

Bad quality when exporting to JPEG

Forum|Forum|8 years ago
July 30, 2017
6 replies
6381 views

Hi!
I have a problem when i save on JPEG. If you see, the image with Rocket have a bad quality, the other not.

All both image are saved 1920x1080 300 ppi CMYK

What can i do to make this image really in full hd? I need this for my website but when i use the image look like very bad.

Thanks!

This topic has been closed for replies.

Correct answer ozguruysal

These images look perfectly good to be saved and used as SVG in a web page. This way you can get crisp looking images no matter how much you zoom or view them in a retina or any kind of display. Save them as SVG, optimize them and include in your website. If you're not sure how to add SVG images in your HTML, just Google and you'll easily find several alternative methods.

VGiacobelliAuthor

Participant

OH MY GOD THE .SVG FILE WORK!!!

I try with all my devices and i don't find any issue. The image look like perfect!

Thanks thanks and thanks!

VGiacobelliAuthor

Participant

Really thanks for the help!

So this is my website: https://chromarketing.com/

Ps. Don't care about the contenent....maybe one day ahah

All the images have the jpg extantion...i see other website and the image is Full Hd! With JPG, so i don't find the issue. All the images are RGB, 300 ppi and saved 1920x1080 or 1920x720 from illustrator.

About SVG file, they have a problem with mobile, right? If is yes, i don't think is good idea use that.

About PNG, i think the result is the same...

And yes, sorry for my horrible English.

Really, thanks for all!

O

ozguruysal

Inspiring

SVG is supported by all browsers including mobile. See https://caniuse.com/#feat=svg

I see you've already used and SVG for the illustration with rocket in your website. You can check that with your mobile phone. Also looking at your website images, I still think the SVG is the most viable option. You can use inline SVG and use CSS to play with colors and even animate.

O

ozguruysalCorrect answer

Inspiring

These images look perfectly good to be saved and used as SVG in a web page. This way you can get crisp looking images no matter how much you zoom or view them in a retina or any kind of display. Save them as SVG, optimize them and include in your website. If you're not sure how to add SVG images in your HTML, just Google and you'll easily find several alternative methods.

cinziamarotta

Participating Frequently

Why did you choose CMYK for web?

Anyway, if you see differences between the original file and the exported image, it could depend on the color conversion (is your Illustrator document RGB or CMYK?) and on the document raster effects settings (Effect menu).

Monika Gause

Community Expert

CMYK color mode is not suitable for the web.

Jacob Bugge

Community Expert

v,

I see no bad quality in any of the images.

Apart from that, PNG24 is much netter suited for such artwork.

VGiacobelliAuthor

Participant

The first image is in HD, but if you zoom the second image (rocket) you can see the pixels. I use this in my website and look like bad... so i try in PNG24 but i guess nothing change.
Any other consideration?

Jacob Bugge

Community Expert

V,

PNG24 is RGB and therefore also suitable for web, with just as many colours as JPEG, but lossless and more suitable for crisp and clear artwork, as mentioned.

But as Monika said, you should start out in RGB Color Mode, to avoid unecessarily dull colours from the narrower CMYK gamut.

And it is crucial to create the image at exactly the pixel x pixel size that is needed for the web use: when you scale you will get the ugliness/bad quality.

And forget about PPI, only pixel x pixel size matters.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded