81

As Wrzlprmft has already pointed out, over 50% of your SVG file's size is taken up by an embedded PNG bitmap image used to create a fairly subtle shading effect on the controller. Just getting rid of that image, and replacing it with a simple radial gradient, is enough to shrink the SVG down to about 10kb.               ...


40

Your SVG contains an embedded pixel graphic for the shade in the bottom right of the controller. This is responsible for about ⅔ of the file size. If you remove it, your SVG file is en par with your JPEG. You can probably achieve an adequately similar effect with a gradient. Other techniques of reducing SVG file size include: Remove all Metadata and ...


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


32

You can do a lot of things with vector graphics, eventually however the vector graphics need to be rendered to pixels, rasters etc. This rendering process gets slower the more data you have. In fact 3D graphics is also a vector graphic data. 3d renders show the limitations of your rendering speed as many renders to print size take hours to do. Image 1: 3D ...


30

I am a little surprised no-one has mentioned the "Scour" extension. It's bundled with Inkscape (as of v0.47), and does many of the optimisations mentioned by Ilmari Karonen.


27

You should be aware of a few key factors... First, there are two types of compression: Lossless and Lossy. Lossless means that the image is made smaller, but at no detriment to the quality. Lossy means the image is made (even) smaller, but at a detriment to the quality. If you saved an image in a Lossy format over and over, the image quality would get ...


25

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


19

(that's Illustrator on the left, Photoshop on the right) Raster images are just grids of pixels, like what comes out of a digital camera or a scanner. The file doesn't know what those pixels mean. Web images and digital paintings are most often raster. Adobe Photoshop, GIMP, Krita, Corel Photopaint and Pixelmator are primarily raster (some have a few very ...


18

While vector images have many advantages, they also have shortcomings. Vector data is, in general, better suited for items which have hard edges. Vector graphics do not excel at creating soft edges areas or shapes which blend into other soft-edged shapes. Yes, you can use raster effects in many graphics applications to blur or "undefine" the edges of ...


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


12

Without knowing what kind of image you are rasterising, this is kind of a shot in the dark. Yet, here goes: Rasterisation does exactly what the name suggests: making an image into a raster image, also known as a pixel image or bitmap. Rasterisation is usually done to vector graphics or images that have vector components. Vector components can be things like ...


12

No, a .jpg (JPEG) file is always raster and consists of discrete pixels. When you zoom enough the pixels show up. Also note a JPEG file is not a Photoshop file, it is a standard lossy raster image format.


11

Save images as PNG files. Insert them into Word as a Header and/or footer. Save the Word file as a template.


10

Web sites can contain JPEG, GIF,PNG, SVG format graphics. Which ones should be used, and when? For photos: JPEG if there is no need for transparency. PNG for photo graphics that need transparency. Whilst not 100% true, it's a good rule of thumb. Check out the other answers to this question to learn more about the other formats. Also, check out Which ...


10

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.


10

More on unique features of EPS. PDF is a distilled EPS , that is all the intelligence the EPS file contained has been stripped away. For example, since the EPS is intended to be executed at the printer or RIP stage it can use the printers settings. So the logo could decide to print a specially made black and white version instead of printing a grayscale ...


10

Photographs and pixel-based art can have a real-world fidelity that vector artwork can not easily achieve. In real life, things are not really mathematically precise and clean. One can get greater photo-realism per file-size bit with pixels than with a vector shape. That's not to say you can't achieve near photo-realism with vectors - rather that you'll ...


10

Because some things almost cannot be vectorised. So, in the world of sound almost the same question can be asked: "Why we are still using wave files when MIDI has so many advantages". Yes, MIDI files can be stretched or transposed in any ratio, and file size is hundreds of times smaller. And also, they can be exported in any quality using different samples. ...


10

The short answer to that would be; no. We need to get a few facts straight to answer your question completely: JPEG is not a Photoshop file, it's a standard lossy raster image format. There are multiple image editors that can save as JPEG. Vector images is the use of polygons to ensure the image can be enlarged without 'pixelating'. Formats such as JPEG, ...


9

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.


9

EPS is "Encapsulated PostScript," which pretty much gives you its origin and its purpose. It's a legacy file format that permits a visual representation of PostScript code. The only benefit of EPS today is that it's theoretically usable by any vector graphic application, no matter how old, and by legacy equipment such as older computer-controlled engraving ...


8

From how-to.wikia: PNG files are lossless compressed bitmaped images. While they are compressed, they can still attain large file sizes depending on the type of image data saved. Similar to GIF files, they are best suited for images with large areas of solid colours and defined boundaries (such as logos). They also support transparencies and 24 or ...


8

When saving images as .jpeg you always lose information. The dialog basically asks you how much information you would like to lose in favor of smaller size on disk (1 = most loss, 100 = least loss). There is no way to tell what you originally selected and the only use would be to have a history of your workflow because this loss is irrecoverably applied to ...


8

Save as a JPEG and select PROGRESSIVE in the save options. You can also select a number of 'scans' to adjust how low the resolution starts off and therefore how gradually the JPEG will get from low resolution to full resolution. It's worth noting that this is a very old school method and was only really relevant in the days of slow internet connections. ...


8

You can not do that on your image as you have it. 1) You want a cylindrical projection on a sphere. First your canvas needs to be at one exact proportion. 3.1416:1 (Use any pixel sized canvas you want, for example 3141x1000px) 2) And you (normally) need the horizon to be at the center of the canvas. On a cylindrical projection (from a sphere) you have a ...


7

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


7

You can do this by recording a custom Action of yourself: Opening the file Saving it as a .png file Closing the file Then you can automate this for the entire folder by going File -> Automate -> Batch. Choose the folder containing all the images and run your custom Action.


7

Something not mentioned in great detail is the way these compression algorithms work. JPEG is targeted directly at photographs where slight changes in pixel color are not noticed. PNG is targeted more for fabricated images that contain large areas of a single color where is compression is taken full advantage of like in your example of a huge all white photo ...


6

From Facebook's help center: How can I make sure that my photos display in the highest possible quality? To avoid compression when you upload your cover photo, make sure the file size is under 100 KB.


6

It seems like you're noticing an RGB colour management issue. PNGs saved from Photoshop can't have ICC Colour Profiles attached (the PNG format supports it, but PNGs with profiles are very rare). If you'd like what's shown in the Windows photo viewer to match Photoshop, then you'll need to set up Photoshop in a way that it doesn't colour manage RGB images. ...


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