Tag Info

Hot answers tagged

31

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


24

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


22

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


22

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


21

Interlaced image loads an early degraded version of the whole image as soon as possible and then progressively renders the image to clear state. Non-interlaced image will load up in tiles showing clear image in each tile as it progresses to load in the image. .gif follows the same idea. For .jpg the interlaced = progressive and not interlaced = ...


16

I'm not sure this question is on-topic, but it's the first question on the site, so here we go: What you're looking for are layer based slices. Select the layers you want to export, go to Layer > New Layer Based Slice(s) Go to File > Save for Web & Devices... When saving, choose "All User Slices" If you have overlapping layers, which you will have ...


13

In the animation panel flyout menu, choose "Make frames from layers." File > Export > Render Video. Choose a folder for the export and select "Image Sequence" and "PNG".


12

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


12

SVG is scalable, if you have a vector-graphic that is a clear advantage. For pixel-graphics PNG is better. A downside is, that the Internet Explorer supports SVG only with the coming version 9 (before with plugin). Mobile browsers may also have limited support for SVG. EDIT: As ClemDesm points out, older IE-versions don't support fully transparent PNG, ...


11

No, you aren't missing something. There is no point at all in converting images to CMYK, and several good reasons NOT to. Converting images to flattened CMYK tiff is an old QuarkXpress workflow that is a complete waste of time today, especially with InDesign. What is a good idea is to size images in Photoshop before final output, to reduce file size and for ...


11

When in Photoshop, make sure you have the background layer turned off, then hit Ctrl+Shift+Alt+S and a box will come up "Save for Web and Devices." Select "PNG 24" from the dropdown on the right and make sure the transparency checkbox is clicked, hit save, select your destination and then load it into your site. PNG supports full transparency and alpha ...


10

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"


10

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


10

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


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 would say PNG simply for the fact it seems to be a more accepted format than SVG.


9

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


9

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


8

One thing you can do is: Hide everything you don't want to see (option click the "eye" icon of your chosen layer) Select all Copy merged Create a new file (it'll automatically be the size of your clipboard, which should have resized to the size of actual pixels in your selection) Paste and save as a PNG Repeat! There are scripts for this if ...


8

File→Script→Export Layers to Files... Make sure the Trim Layers check box is checked before exporting. This will save a 200x200 layer with a 1000x1000 composition as a 200x200 PNG file.


8

32bit refers to 8 bits per channel for red, green, blue and alpha. In Photoshop, that's called 8 bit mode. 32 bit mode in Photoshop refers to 32 bits per channel, meaning 128 bits in total (32each for red, green, blue and alpha). 32×32dp (display points) works out to be 32×32 pixels for mdpi, 48×48 for hdpi, and 64×64 pixels for xhdpi. Those are the ...


8

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


8

Not a complete solution, but this might help someone who's come here from Google. If you save with the Save for Web dialog 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 ...


8

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


7

See this thread from the Apple support, but Safari uses the monitor's colorspace, which is different than most browsers, which only use sRGB. Hopefully the article will have some good information for you.


7

"Also when I export PNG24 with alpha transparency in fireworks, it always adds background color, but in photoshop, it exports with alpha ." You need a PNG32 for the alpha channel, so when you save a PNG24 with an alpha channel, PhotoShop actually makes it a PNG32. In Fireworks, it actually let's you manually make the decision, so if you choose PNG24, you ...


7

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


7

I think the animated gifs are a good beneficiary of flat design. If you have a limited number of colours, and you do not use gradients you don't need to use dithered patterns. We are used to see this patterns becouse a lot of people use real video segments as avatars, etc. But in this case you have just some colours, lets say 20 and you have at your ...


7

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



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