Tag Info

Hot answers tagged

18

In short, Facebook is converting your image to the JPEG/JPG format (Join Photographic Experts Group). There seems to be no current way to upload images to use as a profile picture or to your photo album which Facebook will not convert to JPEG. ...a commonly used method of lossy compression for digital photography (image). The degree of compression can ...


15

The main trick, in my experience, to adding smooth transparency to an image in GIMP is using the Layer → Transparency → Color to Alpha... tool. Of course, you have to know how to use it to good effect — on its own, all it does is make your images look all funny and translucent. If I take the image you posted above, and just run Color to ...


9

When you save a GIF (export for web) you have the option to select a color to make it transparent. note that you only get to pick ONE color, so you will typically end up with halo's around your image where it blends from your image into the original background color. You're better off getting the original PSD file and then saving it as a transparent PNG.


7

Some compression-algorithms change the image to gain a better compression-ration - that are lossy algorithms/image formats. Most notably here is JPEG. Some keep all image information, these are called lossless. Lossless compression produces bigger files, but you have no changes to your graphic. Common lossless image formats are PNG, GIF or TIFF. As most of ...


6

This has very little to do with GIFs. Firstly you need to create the face-morph effect. There are apps that do it for you but it isn't a one-click process. Secondly ther is a transition effect to blend between stages. It includes tiles, waves and a gradient mask. Either way, this video (which it was at one point) isn't an easy process if video editing ...


6

Here is an article on exactly your problem. Been having this problem as well. Hope this helps! Facebook uses a low quality jpg compression so any solid colors end up looking heavily pixelated. Solution is to add images at double the size with noise.


6

The way transparency works with 8-bit gifs/pngs is that a pixel is either fully transparent or fully opaque. On the corners of a circle where the circle blends transparently to the background, there are usually pixels that are semi-transparent to smoothen the transition. This smooth transition can not fully be reproduced with 8-bit gifs/pngs. One way of ...


6

when you're on a slower connection, you got the full effect of waiting for the image to come in. It can be torture sometimes. That's where the brilliant Interlaced GIF89a idea came from. Interlacing is the concept of filling in every other line of data, then going back to the top and doing it all again, filling in the lines you skipped. Your television ...


6

Using a bash script To do this from the command line, you could use a utility called Gifsicle. There is no built in method to delete every other frame, so you'll need to get your hands dirty with some scripting. Here is a quick script I made to do just a single GIF: #!/bin/bash # This script will take an animated GIF and delete every other frame # Accepts ...


5

Having the same problem with a white text on a solid red background. My solution was to replace the solid red by a gradient of to reds. Afterwards I also added a Noise filter (or grain filter (7) in the filter gallery) in Photoshop. The improvement was very noticeable and the result was perfect. In attachment you can see the original and the finished result. ...


4

I'm betting that the photo of the girl is killing your size right now. To test that, remove her frame and replace it with one of the other frames of your animation. I'll bet the size drops quite a bit. Animated GIFs are best kept small by keeping their color pallets limited, and avoiding continuous tone graphics (photos, gradients, opacity shifts, etc.). ...


4

GIF is a lossy format, so no, you basically lose quality no matter what you do. But if you want to optimize the design for the GIF format, some things you can do: use flat colors (not gradients) limit the number of colors you use have said colors repeat horiztonally more than vertically (a GIF of horizontal stripes compresses much smaller than a GIF of ...


4

You'll probably need to make some manual adjustments to get the file sizes appreciably smaller. For example, the fading transitions in that animation add a fair amount of data, so if they're not vital you could remove them. The amount of detail doesn't make much difference, apart from in terms of keeping the colour palette small. The main thing to bear in ...


4

The file must have a Timeline or Frame sequence. (Window > Timeline) You need to set the animation options in the Save for Web dialog: In addition, it is possible to have a quick animation and not see it initially due to speed and duration if the Save For Web options are set to "once". You may need to reload a page/image to see the animation. Also, ...


4

NOTE: This answer was posted before there was a command line/open source requirement, but I'm leaving it up as it may help someone else in the future Using Photoshop This is not an open source or command line solution, but you can do this with Photoshop: File ▸ Import ▸ Video Frames to Layers... "Limit To Every __ Frames" will do the trick for ...


3

There is no tool in Photoshop that will let you erase different layers at once. What you can do instead is grouping all your layers and applying a mask to the group. I would actually recommend that whenever it's possible (and by that I mean almost always!), you use masks instead of the eraser. It works with animated gifs too:


3

An interlaced image renders by drawing every x number of horizontal lines first, then going back to the top and filling in the next set of lines, and repeats. It gives the effect of an image slowly becoming higher-res as it loads. It was useful back in the day of dial-up connections. It's not used much these days.


3

Here's a good visual explanation of what happens as you load an interlaced gif. Unless you've got a really slow connection, the actual linked examples won't show as any different. The page makes a good point that interlaced gifs are not smaller and don't actually complete downloading any faster - they just look as if they do, because they start showing ...


3

Fewer colors + 100% dither + no Transparency Dither = greater size. Adding a transparency dither or reducing the color dithering to less than 100% will most likely reduce the file size. When you reduce the color table and have a high dither setting, you ask Photoshop to dither with fewer colors. This actually creates more color data to maintain from frame ...


3

You are faced with a limitation of the GIF color specification. Other than PNG GIF does not support semi-transparent colours. The origingal PNG however is made up with semi-transparent colors as can be seen when looking at the original in checkerboard mode: After we had exported this RGB file with alpha channel as GIF we will have reduced the colors to ...


2

For the current version (2.8.0), in the name for each frame layer, include (replace). For example: frame 1(250ms)(replace) That will tell gimp to replace instead of stacking. Note that you can use the stacking for some pretty cool effects as well.


2

You can: reduce the image size (fewer pixels = smaller file) reduce the frames in the animation reduce the color pallet further posterize the images (larger flatter areas of color compress better for GIFs) Use software that can add additional compression techniques (IIRC, Fireworks is good for this)


2

In the Save for Web dialog, be certain to set the Mat color on the right of the window to the color of your web page background. Gifs do not support full 8bit transparency, they only support 1bit transparency. The best you can do is use a color which matches the web page background so the image blends into that color easily.


2

Adobe really hosed CS3 and CS4 where this is concerned. To open an animated gif with Photoshop CS3 or CS4 choose File > Import > Video Frames to Layers. This will open the animation but in my experience you lose all transparency for the frames. So you have to reconstruct the transparency if it exists. There is simply no way to open a transparent animated ...


2

When you export a multi-layer image as a GIF animation, you should get a dialog window asking you for various settings. One of those settings is "Frame disposal where unspecified", and the options are: "I don't care", "Cumulative Layers (combine)" and "One frame per layer (replace)". I'm not actually sure what the difference between the first two ...


2

First up, Dithering is your friend. It will certainly make gradients and highlights look better. In your Export preview, check the different dithering options to find the optimal setting. Depending on the image, using a different dithering — "Diffusion", "Pattern", or "Noise" — can look better (or worse). Next, make sure you export the gif using ...


2

Here's a simpler solution using gifsicle than JohnB's script: gifsicle input.gif `seq -f "#%g" 0 2 99` --unoptimize -O2 -o output.gif This command should work in most Unix shells; I've tested it in bash. Replace input.gif and output.gif with the input and output file names, and 99 with the number of frames in your animation. (It's OK to use a larger ...


2

If you are after loading bars etc, i can suggest ajaxloader - you design your own preloaders - same thing These sites will give you spinners, bars, balls etc. And this post should also answer your question I think.


2

It's called 'ASCII Art'. Google 'ASCII Art Generator' and you'll find plenty of examples. You'll need some animated images to use as the source to then convert to ASCII. Once you have it converted to ASCII, you could place each 'frame' of text in a DIV with a monospaced font and then, via JS, rotate showing each DIV one-by-one to create the animation.


1

You're experiencing dithering due to the color reduction of the GIF color table. Gif images can only contain a maximum of 256 colors. There's really not a great deal you can do about it. You are asking the gif format to support smooth color, which it doesn't. The best you can do is experiment with the dithering options in the Save for Web window. However, ...



Only top voted, non community-wiki answers of a minimum length are eligible