Hot answers tagged

89

Interlaced image loads an early degraded version of the whole image as soon as possible and then progressively renders the image to clear state. Interlaced will almost always be a bit bigger in filesize. Non-interlaced image will load up in tiles showing clear image in each tile as it progresses to load in the image. .gif format follows the same idea. In ....


70

GIMP's Color to Alpha tool is very handy if you know how to use it, and this task seems particularly well suited for it: Open the image in GIMP, and change it to RGB color mode if necessary. Select Layer → Transparency → Color to Alpha... Select black (#000000) as the color to make transparent. Click "OK". Save the resulting image in PNG format:


35

Because they are way better at compressing pictures that have lots of colours and irregular shapes, like photographs. Have you tried the same epxeriment you did, but then with a photograph? The .png is most probably going to be noticeably bigger than any .jpg, regardless of the .jpg's compression factor. Example: .png picture, 110k .jpg at 100% quality, ...


35

Why? Because PNG is a lossless raster image format developed for the web, and ultimately for display screens which are RGB. However the format was never intended or designed to be a print format, and therefore doesn't need to support CMYK colour, and so it's entirely the wrong format to use for CMYK printing - i.e printing where separations are required ...


31

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 ...


25

The picture doesn't change. The background color of the page does. It's a transparent PNG. The whites are not visible on a white background. The blacks aren't visible on black background. The normal post is on white. The modal view is on black. If you change the background color...


18

The simple answer here is use both. The fact that you've named SVG as an option, means we can rule out photo graphics as an intended use case - because SVGs are only good for line-art graphics such as logos, icons and clip-art-like illustrations. If you are considering this choice for photo graphics, there is no choice; PNG will probably always be better. ...


18

I have updated Johannes' solution of a year ago with many improvements. Significantly: Layer groups are now properly handled so that all layers get written. File names are auto-incremented to prevent collisions (this happens when more than one layer has the same name). Performance is increased. The script can save 500 simple layers in a few minutes. ...


18

Select what you want Ctrl + G (Group Selection) Ctrl + C (Copy) Ctrl + N (New file) Ctrl + V (Paste) File > Save for Web & Devices then on the right switch .JPG to .PNG, then you also want to uncheck at the very bottom under the .PNG options where it says "Clip to Artboard"


18

Simply save/export a PNG24 image using Adobe Photoshop which contains transparency. Transparency is the remaining 8 bits. 24Bit PNG = 8 bits red, 8 bits blue, 8 bits green 32bit PNG = 8 bits red, 8 bits blue, 8 bits green, 8 bits alpha Photoshop automatically creates a 32bit PNG image if you save a 24Bit PNG that contains transparent areas.


17

File → Scripts → Export Layers to Files Or in newer versions of Photoshop: File → Export → Export Layers to Files


17

This in not blurriness, but the JPEG compression doing its thing. Strong colour contrasts between irregular shapes are always distorted like this by the compression in a .jpg. We call them 'artefacts'. You could try to reduce the amount of JPEG compression. Increase the 'quality' slider when you export / save as a .jpg and the results should be better. The ...


15

Not sure about your exact instance, but I've often encountered PNG files that open with black or another color in place of the transparency. This is typically due to the PNG file using indexed colors and having an alpha palette rather than using a full alpha mask on the image itself. Basically, when you normally save a PNG file, you're using full 24-bit ...


15

"Interlacing" means that it draws (I'm pulling numbers out of the air) every fifth line (line 5, 10, 15), then every fourth line (line 4, 9, 14), then every third line, etc. until the image is filled in, rather than drawing line 1, 2, 3, 4, 5, etc. in order. This allows a sketchy version of the image to come in gradually and fill in until it's completed. ...


15

Broadly speaking there are two schools of thought on file-format design. One is that you should have lots of options to give lots of different users what they want. The problem with this approach is that compatibility becomes a problem. Just because a program advertises support for tiff files doesn't mean it can open your particular tiff file. The other is ...


14

If the patterns are indeed on individual layers, you may be able to use scripting to export each layer as an individual png. Carlos Canto wrote a script for Illustrator and posted it in the Adobe forums. In case of link rot, here's Carlos' script: #target Illustrator // script.name = exportLayersAsCSS_PNGs.jsx; // script.description = mimics the Save ...


13

Not a complete solution, but this might help someone who's come here from Google. If you save with File → Save for Web you can re-size during the saving process, the options are on the right-hand side under Image Size. I do this quite often when I need a couple of different sizes for an image, although as the other responses have noted, if you are ...


13

You can create your own script if you want, here's a simple one: main(); function main(){ var Name = app.activeDocument.name.replace(/\.[^\.]+$/, ''); var Ext = decodeURI(app.activeDocument.name).replace(/^.*\./,''); if(Ext.toLowerCase() != 'psd') return; var Path = app.activeDocument.path; var saveFile = File(Path + "/" + Name +"....


13

When assigning white as alpha channel for transparency we will not be able to have opaque highlights, as these per definition will be white, hence fully transparent. To have an alpha channel sparing both highlighted white areas, and black shadows we better choose a grey color for assigning alpha. To show the effect more clearly I first made your original ...


13

For this, you best create separate channels for the shadows and highlights. The shadows can be directly taken from the white T-Shirt, and be used as a multiplicator (0-100%) for the shirt's color (layer mode: multiply) As for the highlights, this really depends on the material. Cloth doesn't reflect much light on the surface, so most of its color comes ...


13

Because you did not check the Use Artboards option on the export window, Illustrator defaults to exporting everything in your workspace. But I would recommend using the File > Save for Web... command, instead. Save for web has the advantage of allowing you more control over the output. For example, you can even preview how things are going to be rendered ...


13

JPEG has backing from the photographic industry and predates PNG by a half-dozen years or so, while PNG was designed as a replacement for GIF, which was rather zealously protected by CompuServe. People were sued for using GIFs on their websites, for example, simply because they didn't use a program that was licensed by CompuServe to make those images. From ...


11

You could use the GIMP's select by color tool or the Magic Wand tool. Anyhow you do it, just select all the black pixels. Then, instead of deleting the selected pixels, apply a layer mask: Layer -> Mask -> Add layer mask Select the "Selection" radio button and be sure to select the "Invert mask" checkbox. Now, all the black pixels are transparent. ...


11

You could try with ConvertICO. This is a batch png to icon converter which allows to create up to 20 multiple-size icons from images in png format at a time. You can select as many output sizes as you need. Another option is IcoConverter. IcoConverter takes any image and converts it to an ICO pack. The aspect ratio is not preserved, so squarish ...


11

The best way of doing this is by using the crop tool (you can also use the rectangular marquee tool>image>crop) then save your image as PNG. Then if you wanna cut the rest of the images, then you're just gonna have to go to your history panel and undo the cropping (this will not undo the saved PNG file) then do the same thing as what you did with the ...


10

This is a common misconception. Scalable does not mean infinitely scalable. Not all svg renderers and files are created equal What vector graphics bring to the table is rasterizing on demand. This means that the application showing them can redo the art. This is wonderfull at big sizes but requires special attention when images are small. This is why fonts ...


10

I found a solution! The SuperPNG plugin will preserve the RGB values for transparent pixels as long as you leave the "Clean Transparent" option unchecked.


9

Erm.. there's no such thing as a "vector png." PNG, by nature, is a raster format. I'll assume you are using Fireworks since that's the only place I've ever seen vectors exist in a png file. Fireworks will embed vector content within the png format, that's proprietary and non-standard. What Fireworks basically does is save two versions of the file within ...


9

I don't think so. I believe it's the operating system clipboard which kills the transparency so it's more of an operating system issue than an image or application issue.


9

Its because of Matte.Right now your Matte option is in white color Make sure Matte - None


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