This probably doesn't answer your question. Some possible alternatives...
Have you considered CSS instead:
background: linear-gradient(45deg, #3d667c, #1d283e);
Or perhaps you could use the SVG base64 technique (generator tool here):
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none"><...
JPEG is not a lossless compression
JPEG Compression is considered a lossy compression even when set at 100% quality you loss some quality. That's why for simple graphics such as UI interfaces and backgrounds is generally better to use a lossless format such as PNG.
200kb isn't that big in 2014/2015
While it would be idea to decrease the size of the ...
Everything @Scott said is true but for better understanding of the WHY and even how come RED seems to look worse, I direct you to this information (emphasis mine and edited for flow)
JPEG ... is designed for compressing either
full-color or gray-scale images of natural, real-world scenes [and] is
a lossy compression algorithm...
JPEGs are best ...
The geeky details (you did not ask for)
Some image formats, such as JPG, support Lossy Compression. When a Lossy Compressed image is saved and then rendered back, the image is not 100% exactly as you designed it but just "close" to it, sort of a sketch. Some of the original detail is lost. Since there is no expectation of accuracy, the Lossy Compressed ...
Lossless cropping of a JPEG image is possible using the
"jpegtran" application that comes with libjpeg; see
Quoting from "man jpegtran" on a system where jpegtran is installed:
.. lossless crop is restricted by the current JPEG format: the upper
left corner of the selected region must fall on an iMCU [8 or 16]
Although the question was asked about Adobe Photoshop, the behavior is due to the lossy JPEG format and would be similar with any image editor.
Cropping a JPEG can make it less compressible, especially when the x and y offsets of the cropped area are odd numbers. This causes a re-subsampling of the color channels that can make the cropped image more complex ...
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.
An SVG with an embeded image will always be bigger as the SVG (without embeded raster image) and the original raster image together, because SVG files are text files and have to encode the embeded images as text (base64).
In case you made the the raster image smaller in Inkscape you should rescale the original raster image and embed the smaller version ...
There is so many methods that reduce your PDF make sure you follow one of it or you may need "in some cases" to follow all of them. some when you export from indesign and some in Acrobat itself as a post production process.
you can reduce the PDF by one of the following method.
RGB color mode is less in size than CMYK
images embeded in the document may be ...
A ~620% file size reduction is asking a great deal.
It's possible, but I'm not sure what restrictions should be watched, file dimensions? color depth? etc.
^^50k gif file.
This is a reduction of the dimensions by 85%, set as a gif with only 32 colors in the color table.
As @Ryan points out, if the text and labels were vector in nature it may allow file ...
I'm guessing this is the case
actually, no, that's not the case. Animated GIFs are optimized in exactly this way...each frame only contains the parts of the image that actually changed from the previous frame.
Wikipedia doesn't go deep into detail, but does mention it here:
Some economy of data is possible where a frame need only rewrite a portion of ...
It's not about image compression but rather the number of HTTP-requests. Sprite sheets are a common developer technique nowadays. You can read an overview of the technique and its benefits here: http://css-tricks.com/css-sprites/
JPG is a lossy compression method. This means every time you save a jpg image data is thrown away in order to save file size (kb). It is important to realize that this loss of data happens each and every time you save a jpg. So if you open a jpg, then save it as a jpg you have thrown away more image data. It is in areas where the data loss has occurred that ...
GIMP is quite good in PNG compression, but not the best.
To get a basic idea about PNG optimization, read File size and optimization software chapter in "Portable Network Graphics" article on Wikipedia.
I have optimized thousands of PNGs and I recommend these tools for a lossless optimization: PNGOUT, ZopfliPNG.
If you want to make your files even smaller,...
Is that a good idea, in theory?
If yes, is there a program or algorithm that can do the image split and the compression with the following goals:
I don't now that you need that. I'd build the image in a program that can handle layers (such as Photoshop). Hide the top layer and export as a highly compressed JPG. Hide the bottom layer and export as ...
Blending modes do not translate to PNG images. I would guess that you've se the shadow to Multiply within Photoshop.
Your shadows need to be set to Normal for the blending mode. This may mean you need to better mask the shadow layer or remove the shadow entirely and recreate it without the white areas.
I guess there are many ways to do this. The effects user120647 posted look like some kind of high compression artifacts, like when an MPG video lose the keyframes.
But I guess you can, for example, incremental noise to the image, incremental sharpness, posterizations, etc. So I think you need to explore different stuff.
Your option to corrupt as JPG file ...
You can corrupt/glitch an image yourself. All you need is a text editor.
Open the image in a text editor, such as Notepad++
Scroll down the code a bit to get away from the header code, and copy a few lines of code.
Scroll to a different location, highlight a few lines of code, and paste the code you copied, to replace it.
Repeat step 3 several times.
There is no 'best' way to universally compress images, because the best compression method will vary for each individual image.
Broadly speaking, for web images:
is it a photo? Use JPG compression.
is it flat art? Use PNG compression.
can you use an SVG instead? Do that.
But as for which JPG compression tool to use or which PNG compression tool to use, ...
Google Play Store wants PNG24 not PNG8
"JPEG or 24-bit PNG (no alpha)"
auto formatting from PNG8 to 24 can cause issues like that. Try saving as PNG24 :D
I've found 3 different methods for lossy PNG (lossy averaging filter, vector quantization, median cut posterization) and implemented them in ImageAlpha. That's a Mac application, but tools for individual techniques are available for other platforms.
Description and examples:
Lately I've been using ImageOptim and ImageAlpha with very good results.
ImageOptim is very good at optimizing and compressing GIF/JPEG/PNG and I'm using ImageAlpha to convert most of my images to PNG with good results: most of the times I get PNG files (full color) that are smaller than GIFs (50-60%), with very little quality loss. It even has an option ...
Since you seem to be talking more generally about any image rather than a specific image, the answer is generally no. The PNG and JPG formats work very differently and each is more appropriate for different kinds of images. Broadly speaking, JPG is more appropriate for images with a lot of varying detail (think photography) and PNG is more appropriate for ...
Got some free time and decided to skim through the GIF Specification. For a layman (i.e. me) it's pretty dense. That said, I think I've found what makes the optimization possible.
For context, under the general description section it states:
The Graphics Interchange Format is defined in terms of blocks and sub-blocks which contain relevant parameters and ...