Merging a gif image with a png image - image

I'd like to merge this ordinary png file:
with this gif animation:
(source: mytree.co.il)
I don't want to use css' position and Z-index, it messes up my images which are located in table cells.

If you are looking to make gif image, try GIMP. Here are steps to make gif image with GIMP.
http://www.wikihow.com/Create-an-Animated-GIF-Image-with-GIMP
Good Luck.

Extract the gif frames with a software like http://www.addictivetips.com/windows-tips/how-to-extract-frames-from-gif-animation-image/
Use photoshop, GIMP or any similar image editor to merge the background to the images. Tools like magic wands with a precise threshold might help in the matter
Put it all together into a new gif file
Good luck

Related

Is GIF image resolution fixed to 72ppi?

I dont understand the explanation about why GIF files always has image resolution 72ppi.
I have tried using ImageMagick converting PNG to GIF specifying -density to be 300ppi, but the resulting GIF is still 72ppi.
The GIF format does not store any value for "ppi" or "dpi" or pixel density/resolution - see Wikipedia.
I think software assumes 72 dpi, and then loads your image, updating that assumption if it finds anything better... which it never will in the case of GIF.
In any case, the dpi/ppi is irrelevant until such time as you want to print your image, and I don't know of anyone ever using GIF as a method of submission of images to any reputable printers or publications - TIFF is probably the preferred or most common method.

How Do I Convert Palette-Based PNG with Transparency To RGB in PIL?

I'm currently building a site in app engine that uploads images to google cloud storage and to complete basic manipulations I'm using python's PIL
I've been having problems with the following image which another stackoverflow member has mentioned is a palette-based PNG with transparency, which I've been reading may be a bit buggy in PIL
My question is really a back to basics one: What is the best way to convert this to an RGB format with transparent pixels set to #FFF? I've been able to get it to work through a combined RGBA then RGB paste but that seems redundant
However, for a direct conversion I'm getting a bad transparency mask i.e. using the solution from PIL Convert PNG or GIF with Transparency to JPG without
Also if anybody has ideas why the image degrades to terrible quality after conversion, that's entirely a bonus for me!
A way to do this is to first convert the file to jpg -- seems like a problem with the png encoding (or something related to that)
Check out this link that I used and got smooth conversion from transparent PNG to GIF:
Convert RGBA PNG to RGB with PIL
The function you are looking for is pure_pil_alpha_to_color_v2.
I also used for my image conversion tool PySmile:
https://github.com/vietlq/PySmile/blob/master/pysmile.py

Tools used to combine individual animation frames into a strip of images

I downloaded a explosion generator that makes an animated explosion but saves each frame as a seperate png image. I cant for the life of me find a tool that will take all the images and make an animated strip image, with the frames next to each other. I tried gimp but no luck! The Photoshop image combiner is too cumbersome. Any recommended utilites to do this?
Gimp can do this, and it is actually a piece of cake.
Open all the frames as individual images. Then on the first image select Filters|Combine|Film Strip. Add the remaining frames to the list on the right side (in the correct order).
Now click on the Advanced tab and set Image Height all the way to the right (1.000) and Image spacing all the way to the left (0.000).
Hit OK and you should have your filmstrip!
The GIMP film strip works fine but does force a background color on you, if you have images with transparent (alpha) background this might be problematic for you.

tcpdf: poor image quality

I am using TCPDF to create PDF files converted from HTML input using it's writeHTML() function. However, images within the PDF have poor quality, while the original images have a high quality (as expected). The images are in PNG format. I already tried to use SetJPEGQuality(100), but that had no effect.
What is causing this?
Try using this:
$pdf->setImageScale(1.53);
http://sourceforge.net/projects/tcpdf/forums/forum/435311/topic/4831671
When using HTML to generate your PDFs you need to manually calculate the images dimensions by dividing it's original width and height by 1.53 and set the result as attributes.
For example, an image with dimensions of 200x100 pixels will become:
<img src="image.jpg" width="131" height="65" />
This is a nasty workaround and doesn't completely remove the blur, but the result is much better than without any scaling.
Try To convert your Image to JPG or JPEG first. Until Now, I DOnt have a problem to convert image with TCPDF. I Think TCPDF is powerfull, because it can convert arabic language too. I HAve try convert arabic font with fpdf n it still fail
Little Up.
I'd same quality problem and I solved it...
When you save your picture, do it in 8bits instead of 24bits and you will see a "beautiful anti-aliasing".

Alpha transparency in indexed-png images

Here is an image:
This image is a simple black-to-transparent gradient saved in full RGBA PNG.
Here is the same image, converted to indexed-alpha PNG by GIMP (Photoshop produces the same result)
As you can see, the gradient is now half-opaque, half-transparent.
Here is the same image again, only this time it was converted to indexed-alpha PNG by a PHP script I wrote:
So my question is: Why are GIMP and Photoshop unable to support partial transparency in indexed images, when the PHP script clearly shows that such an image can be created with no problems?
Is there anything "wrong" with an image whose pallette contains alpha information?
A more programming-related question: Does this transparency in the last image work in Internet Explorer 6?
I've finally found the actual answer: There is a metadata entry that allows you to define the alpha value of each colour in the colour table. Most graphics programs don't make use of this, but it does exist and can be used, in particular by GD.
Another option besides fireworks is pngquant, a command line application that will convert a rgba png into an indexed png with transparency.
I found this post which talks some more about how to use it.
IE6 and earlier in windows does not support variable transparency PNGs without annoying workarounds. An indexed PNG will only show the fully opaque parts which usually works pretty well. A drop shadow would disappear but the opaque parts of the logo or icon would continue to show.
This page has a better explanation and instructions with more png compression and quantization tools: http://calendar.perfplanet.com/2010/png-that-works/
For the record, PNG does not literally support indexed images with an alpha channel. What is really happening is that PNG allows you to add additional colors to the color table (i.e. index) with alpha values in those colors... not a complete alpha channel. FWIW...
Yeah I know what you mean. Fireworks is the only image editing program that I know of that can create and edit PNG8+Alpha without problems. I wish more paint programs would support this format cause Fireworks is expensive!
I found a way in GIMP to create or convert an image with reduced color palette and alpha channel.
The trick is to add a mask to the layer.
Full steps to reproduce:
Have your image in one layer
Add a mask to the layer. Select Transfer layer's alpha channel.
Convert to Indexed (Image -> Mode -> Indexed...)
Save as PNG
Now your image has reduced colors and reduced size, but it keeps your smooth transparency.

Resources