Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

converting Jpeg format to SVG format?

Contributor ,
Nov 17, 2016 Nov 17, 2016

hello,

I open an jpeg image in Illustrator and then I change its width and height ( Object/transform /scale ).

then I  save it as svg format  on my computer directory.

everything is OK besides the format of  the image which I converted to svg format it became larger in size than its jpeg size.

as example I  have saved an image as svg format . its jpeg size was 392  KB  and when I saved it as svg format it became  583KB .

how it comes that this picture becomes larger in size ( KB) in place of to be more smaller in size(kb) as svg format?

am I converting this image in Illustrator in the right way or I am using the wrong way?

I read in google that when you convert an image from jpeg to svg it has to become more  smaller in size in place of to be larger!

thanks

johannes

3.3K
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Nov 18, 2016 Nov 18, 2016

SVG won't lose quality only when it's pure vector.

JPEG images can only be responsive on the web, in case you provide sufficient resolution or use scripting to load different images when resizing.

You might research "responsive images". There are different techniques to achieve this. Maybe do also ask in the Adobe Dreamweaver or Muse forums.

Translate
Adobe
Community Expert ,
Nov 17, 2016 Nov 17, 2016

Just by opening and saving you don't vectorize anything.

What happens is: the JPEG gets embedded in the SVG, which of course makes a larger file.

You will need to recreate the JPEG content in vector. If that is possible.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Contributor ,
Nov 17, 2016 Nov 17, 2016

thanks ,

how I can recreate jpeg content in vector .

for exmple I have a jpeg image,and I want it to make svg.

how  I  can change (recreate) this image into svg format. is it possible in Illustrator? if yes

which steps I have to take.

if no,

how I can recreate it?

johannes

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 18, 2016 Nov 18, 2016

Please show the image

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Contributor ,
Nov 18, 2016 Nov 18, 2016

thanks ,

the url of my website is: http://webdesignleren.net/reparatie-ondehoud/

when I convert jpeg image  to svg(in Illustrator)  through image trace/high fidelity photo and then expand it ,

I get this image which is 392KB  in jpeg format  to 3MB in svg format.

I don't understand exactlyy what do you mean with  recreate the jpeg content in vector.if that is possible.

do you mean to create an image  from scratch (from nothing) ?

or do you mean something else?

can you explain to me very short what do you mean exactly with recreating the jpeg content in vector?

I searched in google to see some information about  what exactly means recreate the jpeg content  in svg format .

I could just find some third party software like illustrator to convert jpeg to svg format.

johannes

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 18, 2016 Nov 18, 2016

WHich image is it that you want in SVG?

The photos with the mechanic? Won't make much sense.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Contributor ,
Nov 18, 2016 Nov 18, 2016

thanks ,

I converted  every image with  auto repair and auto push to svg format.

so you tell me that images like nature,person  or auto repair will not make any sense.

to be wiser make I ask why it will not make much sense?

is the SVG only to use for logo's?

johannes

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 18, 2016 Nov 18, 2016

SVG mainly is for vector content.

On top of that it might be important if you want to use specific kinds of scripting on th web.

But: it won't improve the quality of your photos and it won't make your web site more "modern" (in the sense of modern web site authoring).

JPEGs still make sense for the kind of content it was invented for: photos.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Contributor ,
Nov 18, 2016 Nov 18, 2016

thanks ,

I understand now ,

I am just learning to build websites and this website which I will develop is my first website.

but to be sure I read that svg format is responsive , so it is better to use it ,because it will not use any of its quality  when it shrinks or get bigger in size on every device.

what can be your last advise for me , I wil appreciate.

thanks again

johannes

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 18, 2016 Nov 18, 2016

SVG won't lose quality only when it's pure vector.

JPEG images can only be responsive on the web, in case you provide sufficient resolution or use scripting to load different images when resizing.

You might research "responsive images". There are different techniques to achieve this. Maybe do also ask in the Adobe Dreamweaver or Muse forums.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Contributor ,
Nov 18, 2016 Nov 18, 2016
LATEST

thanks

johannes

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines