Hot answers tagged

38

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


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


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


19

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


19

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.


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

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"


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

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


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

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


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

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

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

Can you post the original SVG image and link it here? Really it seems that you've done everything right in the SVG, all your shapes have anchor points. PNGs are not necessarily larger than SVG! It could also be the case that the PNG export actually has a lesser file size than SVG. Its really not that uncommon! Case in point from here -> https://en....


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.


10

What probably happens: The screenshot is a 16-bit png, but illustrator reads it as an 8-bit png, using only the 8 lower (!) bits. Explanation For the following explanation we assume that the screenshot is an 16-bit grayscale image, that is every pixel is a number between black = 0 = 0x0000 = 0b 0000 0000 0000 0000 and (16-bit) white = 2^16-1 = 65535 = ...


10

As I've previously said here and here... PPI is not an inherent property of an image. There is no such thing as a 300PPI image, or a 72PPI image. PPI is just a useful measurement for determining the print size of an image. Which means PPI is completely irrelevant unless accompanied by physical dimensions. If someone says "Can we have that image ...


10

If you mean one solid color over a transparent background then it is easy: Set the alpha lock for the layer (checkerboard icon in the "Lock" line at the top of the layers list) Bucket-fill the layer (without any selection) with the required color, the alpha lock will ensure the opacity of pixels isn't changed.


9

No, GIF for static images is a waste of bandwith. PNG can almost always be much smaller than GIF GIF has a very poor compression algorithm, but has a smaller header. PNG has a few bytes more of overhead for extensible metadata, but has a superior compression algorithm. So the larger the image, the bigger advantage PNG has. Basically only images like 1x1 ...


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


9

pixel2svg has the potential to do this, but it requires some modification of the script. How to do it You need to modify the svgdoc.add call on line 125 of pixel2svg.py to add in opacity attribute. It should look like the following: svgdoc.add(svgdoc.rect(insert = ("{0}px".format(colcount * arguments.squaresize), "{0}px"....


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