Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Animation, jagged edges

Featured Replies

Hi,

Needed to make some animated images for a client. Have made them, but they develop a jagged border with a white outline when saved. No idea how to fix it.

 

post-21041-045676400 1282745260_thumb.gif

 

Any help would be great.

Increase the pallete (or reduce compression) when saving as a gif, or is it possible to use an alternate format?

  • Author

What other formats can you use for an animation ?

  • Author

Increased the number of colours to the max of 256, and looks much better. But the edges are still jagged. No real colour outline anymore though.

 

post-21041-029700900 1282745973_thumb.gif

go back to your master document where the curves were smooth and same them with a higher colour palette, I assume you are using gif file format.

You need to feather the edges, the image uses a limited pallete anyway, 256 is more than sufficient. When you save as a .gif it won't automatically feather the edges, it'll just do a clean cut on the vector lines. Hence the jagged lines.

 

Maybe theirs an antialiasing option.

 

Edit: i found this vintage link (pre 2003) http://www.phong.com...als/anti-alias/ (the example images are .gif)

...and not a word about Flash smile.gif.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.