# Choppy edges around graphics

**URL:** <https://forum.kirupa.com/t/choppy-edges-around-graphics/26900>\
**Category:** Uncategorized\
**Created:** [July 28, 2003, 3:48am UTC](https://forum.kirupa.com/t/choppy-edges-around-graphics/26900 "2003-07-28T03:48:07Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![digletinms](https://avatars.discourse-cdn.com/v4/letter/d/5fc32e/32.png) [@digletinms](https://forum.kirupa.com/u/digletinms)\
**Post date:** [July 28, 2003, 3:48am UTC](https://forum.kirupa.com/t/choppy-edges-around-graphics/26900/1 "2003-07-28T03:48:07Z")

</div>

i am trying to create some buttons by drawing them in illustrator then saving them. Only problem is when I save them using the save for web feature and then preview them in a browzer they are choppy around the edges. I don’t know what I am doing wrong. I have tried every setting in the save for web section that is available using a gif. Any advice?

I have attached a button so that you can see what I am talking about.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 28, 2003, 5:36am UTC](https://forum.kirupa.com/t/choppy-edges-around-graphics/26900/2 "2003-07-28T05:36:05Z")

</div>

try saving it as a jpg file

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 28, 2003, 6:18am UTC](https://forum.kirupa.com/t/choppy-edges-around-graphics/26900/3 "2003-07-28T06:18:39Z")

</div>

I would but the images that I have saved from the web are all gif so I know that it can be done that way and it seems like it is the prefered method for all others making icons out there.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 28, 2003, 11:38am UTC](https://forum.kirupa.com/t/choppy-edges-around-graphics/26900/4 "2003-07-28T11:38:16Z")

</div>

Illustrator you say… dont have to program, might want to try Desing and Drawing section, but … this is just poking in the dark… can it be a ‘slice thing’ I dunno if Illustrator does slices?

You can always convert GIF’s to JPEG…

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 28, 2003, 10:22pm UTC](https://forum.kirupa.com/t/choppy-edges-around-graphics/26900/5 "2003-07-28T22:22:12Z")

</div>

the problem is that when you save as a gif its probably saing it with a transparent background which is why i think its doing this pixeled effect on the edges try saving it as a gif with no transparency if all else fails jpg is your best solution

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 28, 2003, 11:23pm UTC](https://forum.kirupa.com/t/choppy-edges-around-graphics/26900/6 "2003-07-28T23:23:47Z")

</div>

thats the trick, thanks,

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 29, 2003, 1:49am UTC](https://forum.kirupa.com/t/choppy-edges-around-graphics/26900/7 "2003-07-29T01:49:57Z")

</div>

np glad u fixed your problem :beam: