8/14/2020 Lauren Aloia Designs | Squarespace Web Designer— How to edit a JPEG image using Adobe Illustrator

How to edit a JPEG image

using Adobe Illustrator
Web Design, Tools

If you have a JPEG photo that you need to edit, follow this
tutorial that will show you how to convert the image into a
vector using Adobe Illustrator. Once the JPEG is a vector, you’ll
be able to edit the photo, change colors, make the background
transparent, etc. then save the new photo as a PNG.

1. Open the image up in Illustrator via File >

Place

2. Choose Window > Image Trace

https://www.laurenaloiadesigns.com/my-blog/how-to-edit-a-jpeg-image-using-adobe-illustrator 1/8
8/14/2020 Lauren Aloia Designs | Squarespace Web Designer— How to edit a JPEG image using Adobe Illustrator

3. Select the image (if it’s already selected,

deselect and reselect it until the Image Trace box

is editable)

4. Make sure the Image Trace settings are set to

the following:

Mode: Color

Advanced settings:
Method: abutting (left selection)
Check ‘snap curves to lines’
Uncheck ‘ignore white’

https://www.laurenaloiadesigns.com/my-blog/how-to-edit-a-jpeg-image-using-adobe-illustrator 2/8
8/14/2020 Lauren Aloia Designs | Squarespace Web Designer— How to edit a JPEG image using Adobe Illustrator

5. Click Trace. Once the image is done tracing it

may look slightly different.

6. With the image still selected, go to Object >

Image Trace > Expand

7. Right click on the image to Ungroup it.

8. Expand the Layer and start editing!

I removed the background from this image.

https://www.laurenaloiadesigns.com/my-blog/how-to-edit-a-jpeg-image-using-adobe-illustrator 3/8
8/14/2020 Lauren Aloia Designs | Squarespace Web Designer— How to edit a JPEG image using Adobe Illustrator

9. When you are done editing, go to File > Export >

Export as. Save the image as a PNG.

When all is said and

done, you can go from
this J PEG image with
a background…

…to this editable PNG

with a transparent
background…

Let me know what you thought of this tutorial in the comments

below!

-Lauren

Comments (12) Newest First Subscribe via e-mail

https://www.laurenaloiadesigns.com/my-blog/how-to-edit-a-jpeg-image-using-adobe-illustrator 4/8
8/14/2020
( )
Lauren Aloia Designs | Squarespace Web Designer— How to edit a JPEG image using Adobe Illustrator

Preview POST COMMENT…

Cherie A week ago · 0 Likes

Thank you! This was exactly what I needed

Ingrid V A week ago · 0 Likes

excellent! thanks :)

Sal 3 weeks ago · 0 Likes

Awesome! Thanks. Been working in AI for years and never

messed with that. Always just went to PS for photo work. Opens
up options for scaling and effects.

Emma 3 months ago · 0 Likes

Thanks Yes v helpful

SCB 4 months ago · 0 Likes

This is the BEST explanation....I struggled days to figure this out

until I saw your post. THANK YOU!!!!!!!

Kieye 9 months ago · 0 Likes

https://www.laurenaloiadesigns.com/my-blog/how-to-edit-a-jpeg-image-using-adobe-illustrator 5/8
8/14/2020 Lauren Aloia Designs | Squarespace Web Designer— How to edit a JPEG image using Adobe Illustrator

Thank you admin, It's a very big help for those who just know to
use illustrator especially me :)

Rachel 10 months ago · 1 Like

Omgggg, you are my hero!! Thank you for this!

Jimmy Hines 10 months ago · 0 Likes

Hey nice tutorial , I learned a lot. I have a question though. I

have a piece of artwork that contained lettering from a client
that I need to redo the letter that was included with the logo.
How do I edited that text. Reason I'm do so is because when I
did the trace on the jpeg image they sent it didnt look good at
all after the trace. Needs to be cleaned up as far as text is
concerned. How to I handle that.. I'm hunting for info. Got shirts
to do .signed Airmann6

Tina Huffman A year ago · 1 Like

Great tutorial - thank you. I didn't know I could do this in

Illustrator as well as Photoshop. Only rec might be to book-end
the final result -put the "final result" at the top also so we see
what the product will be, and then go through tutorial :)

david zamora A year ago · 1 Like

Awesome, great help, simple and easy to follow, thank you

sooo much!

SoftGudam A year ago · 0 Likes

thank you very much admin for your<a

href="https://www.softgudam.com/adobe-illustrator-cs6/">
important software review</a> to share with us. And more
thanks for i get best idea read this article about this topics.
many more days i was searched this topics, finally i got it.

https://www.laurenaloiadesigns.com/my-blog/how-to-edit-a-jpeg-image-using-adobe-illustrator 6/8
8/14/2020 Lauren Aloia Designs | Squarespace Web Designer— How to edit a JPEG image using Adobe Illustrator

civilengineer A year ago · 0 Likes

thank you very much admin for your important news to share
with us. And more thanks for i get best idea read this article
about this topics. many more days i was searched this topics,
finally i got it.

Previous

What my website will look like when I

post it on social media
Tools, Web Design

Next

Squarespace Tip: How To Add A Button

To Your Navigation
Squarespace, Web Design

Subscribe
Sign up with your email address to receive the latest
blog post, news, and updates.

Email Address SIGN UP

We respect your privacy.

Home About Work Blog Contact

https://www.laurenaloiadesigns.com/my-blog/how-to-edit-a-jpeg-image-using-adobe-illustrator 7/8
8/14/2020 Lauren Aloia Designs | Squarespace Web Designer— How to edit a JPEG image using Adobe Illustrator

© 2019 Lauren Aloia Designs | All Rights Reserved | Photography

by Jenna Aloia

https://www.laurenaloiadesigns.com/my-blog/how-to-edit-a-jpeg-image-using-adobe-illustrator 8/8