43

JPG does not allow transparent backgrounds. The only thing you can do is have a flat color background that would blend into your website: eg. if your website background is white, then have JPGs created with a white background. Otherwise you need to consider saving as PNG, which does allow true transparency.


14

JPEG doesn't support transparency at all. Most compatible option is to use PNG, but results in large files for photographs because it is lossless compression. Another option is to use the new WebP file format which supports both lossless (like PNG) and lossy compression (like JPEG), and allows transparency with both. Support for WebP is relatively good ...


14

It is entirely possible to have transparency with JPEGs with modern browsers. It is, however, complicated. It involves using SVG to create a clipping mask that handles the transparency. With Photoshop, you can do this with the pen tool, and then export to Illustrator, where you can convert the pen tool path into an SVG. Here is a more detailed guide for ...


10

JPEG 2000 (also known as JP2) is an improved version of the original JPEG format (from 1992) that also has full support for transparency, but it has abysmal browser support (only Safari supports it). I agree with Lucian, just use PNG, it is extremely well-supported, and there are many tools (pngcrush, optipng, pngout...) to compress files. See here for a ...


10

The background there is simply a radial gradient white to blue If you want a bit more control and a smoother "fade", which is not necessarily elliptical, you can use a Gradient Mesh. Set the outer points to a color and the center point to white. Then adjust the mesh handles/points.


6

Edit: I accidentally posted this for Photoshop and failed to notice the Illustrator tag. However, I'll leave this answer here should anyone find it useful. Here's one possible method. Fill the canvas with a light blue such as #98bcd4 Do Image > Mode > 16bits/channel. This will help reduce banding in the final step. Choose a large soft edged brush about ...


4

It's not an effect or an Action you can just apply with one click. You can recreate something like this using a very simple arrangement of layers and use layer masking to remove the existing background of a photograph. For example To get the white overlay layer, I just used the magic wand to select the white pixels from your example image, created a new ...


3

This is merely posted based upon my experience. It should work, but as with all art, without direct interaction there could always be something undisclosed that even you may not be aware of. Illustrator.... Select the shapes... Edit > Copy Pathfinder Panel (Window > Pathfinder) Click the Unite button. If the above does not fill in the hollow areas......


3

I had the same issue that Tom brought up in the comments under Billy Kerr's answer, which led me to find a different solution... I found that using the Fill Background filter worked much better to add an opaque box behind text. Do the following: Select Filters>Fill and Transparency>Fill Background Open the Filter Editor using Filters>Filter Editor Click ...


3

The Background Eraser tool in Photoshop works well for this example Sampling: Background swatch (make the background swatch red) Limits: Discontigous Tolerance: 100% Protect Foreground Color: Unchecked


3

If you really don't want to create a second object for the background, you can use some Appearance Panel trickery to add one.... Group the lines Add a new fill in the Appearance Panel Move the fill below the Contents in the panel With the Fill highlighted choose Effect > Convert to Shape > Rectangle Set the Options for Extra Width and Extra Height to ...


3

Due to the lossy compression nature of JPEG compression, creating a JPEG with a flat colour background for chroma-keying is not recommended since the colour will bleed into surrounding areas. Depending on how the images are being used, supplying a greyscale matte image in addition to a standard JPEG may suffice, as in the JEPG format the greyscale component ...


3

You can with PHP and Imagick remove the background dynamically. (remove a fushia color for example). ~ you create a PNG/GIF at runtime from JPG (you can cache transparent image in a folder to avoid server overheating) https://stackoverflow.com/questions/43544467/imagemagick-white-to-transparent-background-while-maintaining-white-object


2

Aside from the edge-cases presented in the other answers a JPEG for all practical purposes does not support transparency. The most common formats which will support transparency are PNG, GIF, and SVG. If none of these file formats are suitable for the client and a JPEG is required for whatever outlandish reason then you simply need to provide a JPEG for ...


2

GIMP hasn't "action recording" like Photoshop. A programmer is needed to create a script for this. To process one image you should open the image, go to the interesting layer if there's more than one, insert alpha channel if there's not one present already, change the current foreground color to white and apply Layer > Transparency > Color to Alpha. The ...


2

It's going to be difficult to obtain a clean selection using the kind of selection tools you have already tried. In cases such as this the human eye and manual editing skills can trump anything automated. Don't mess around with manual erasing. You can get much cleaner results by creating a vector mask manually, using the Pen Tool to create the curves. ...


2

With the advent of CSS3 mask-image property, one could provide an external alpha mask image for the JPEGs, thus granting them the alpha channel they lack.


2

This has nothing to do with Geocities as such. When people began making websites in the early days of the web, it was a very different environment. There was no high speed broadband, only very slow dial-up modem connections. Because of that, images file sizes on web pages had to be kept as small as possible so that they would load in a reasonable amount of ...


2

1) You first create a rectangle of your choice color and then spread it all over the screen and then 2) Then select that rectangle and click on Fill option and then 3) And then from the drop-down at the upper left written Solid select it and change it to Linear for Linear Gradient and Radial for Radial Gradient and others according to your choice 4) And ...


2

A convenient way would be to: Select the canvas color using the Gimp "Eyedropper" tool from the background color select box. Choose Image > Canvas size... for this dialog: In this box enter the desired "Canvas Size", choose "Center" for centering the original content, "resize al layers" if applicable, and fill with "Background Color" as defined above for ...


1

What it means is that you need to do a levels adjustment on the images so that one is bright, and the other dark. There's no specific setting. You can just eyeball it. This is so that you won't see ghosting of the two images together. The starker the brightness difference, the better the result. So for example, here are your two images with some levels ...


1

With High-pass filtering you can fade the light differences. Better result would be got by shooting the photo in good uniform light or by using a high quality scanner. When the light differences are faded you can increase contrast with Curves. One result: Paper roughness maybe could be faded with clever wavelet detail extracting filters which are available ...


1

Usually some PDF Files have the layers information added, so if it is the case, you can edit these layers. what i usually do, is go illustrator open the PDF file, right click and ungroup the illustration, then you can select the background and change the color or fill it with a gradient or other image instead. With JPG files, there are no way to manipulate ...


1

You could do it in Photoshop. Open one of the images. Begin recording an Action, give the Action a name so you can easily find it later. Add a new layer, fill it with the colour you want, and click and drag it under the image layer in the layers panel. Click Layer > Flatten Image Stop recording the Action. Close the document without saving anything. Now you ...


1

The way you have done it with a rectangle behind the group is the way to "fill" behind a "group"- this is done often- you could also group the rectangle with the lines so they could easily be moved around together. Alternately, you could combine the rectangle and the group of lines into a compound path (Object>compound path>make) so it is all one "object"- ...


1

You're doing it right. For a background to exist there, you need a separate white object in the exact same shape and size as your group.


1

Sorry for my english I'm from Costa Rica. But It's easy you just have to put your background image out of any artboard (like a background layer) and when you export your files in the export option, just clik "include overlaping areas".


1

I am not sure if you figured this out yet, but I just ran into the same issue you were having in trying to create a carousel post for Instagram. Set up three or more artboards in photoshop with a 1080x1080 size and move them right next to each other. drop your image to the on top layer outside of artboards and convert to smart object size your image to span ...


1

Actually, you can have your clones do exactly what you're describing. The default behavior in Inkscape is for the clones to not move when the original is moved. But if you go to the Edit > Preferences dialog (or Shift-Ctrl-P), in the Behavior > Clones section, the first item is "Moving Original". There are three options: Move in Parallel (...


1

Here's my advice: use color for the elements in your website, in opposite directions of a color wheel, for contrast, but not directly opposed or complementary, and find their additive-averaged color. In case you have chosen complementary colors, this additive-averaged color will have been grey #808080, which is neutral, but not impartial, because it will ...


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