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.


41

There's ways to add security features on your PDF that will prevent people from printing, editing or extracting elements from the file. There's also watermarks that can be added. BUT there's also ways to bypass all this, so it's not 100% reliable. I could also easily imagine it must have taken you a lot of work to do this work, and your client could easily ...


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


31

I simply state: "Send me the absolute largest image(s) you have." This, most of the time, gets me much better files. By specifically using the term "largest" it allows the client to interpret that how they wish -- whether they see "largest" as meaning biggest dimensions or most memory (MB) doesn't particularly matter. Either ...


27

Inkscape (v1.0) supports command-line options, and that is how I prefer to do it: inkscape mySVGinputFile.svg --export-area-drawing --batch-process --export-type=pdf --export-filename=output.pdf Prior to v1.0, the command-line options were different. As of Inkscape (v0.91), this was the equivalent: inkscape --file=mySVGinputFile.svg --export-area-drawing -...


21

It's a never ending battle that you really won't ever win. However I have found the simplest method is to begin by telling clients you can't use a screenshot for print. Don't sugar coat it. Don't apologize. Don't try to explain the technicalities (they likely won't understand anyway). Don't try to explain how to send an email attachment. Don't try to explain ...


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


19

On linux you can go to https://github.com/google/woff2 and compile that, then you'll have two utilities, one for compressing fonts to woff2 format and the other to decompress woff2 fonts to ttf.


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


17

Unanswered Question #1: What is in your current contract? What is written down and signed currently? What has he promised in writing? What have you promised in writing? "Starting work without a contract is like putting on a condom after taking a home pregnancy test" F*ck You, Pay Me by Mike Monteiro FYPM is a WONDERFUL talk about the importance of ...


17

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


16

If you’re using a version of Photoshop earlier than CS6 and your document is 16-bit, or if it is in a color mode such as Lab or multichannel that isn’t supported in JPEG format, then JPEG won’t be offered as an option on save. Image → Mode → RGB Color Image → Mode → 8 Bits/Channel Then Save As. One of the much-welcomed features in CS6 (or maybe CS5 – I ...


16

While the JPEG format can't handle transparency itself, it is entirely possible to have transparency using 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 ...


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


15

EPS is an old format with support for full transparency (i.e the background can be tranparent), and also supports the use of clipping paths for transparency around a raster image, but it doesn't support semi-transparent fills, or gradients with semi-transparency. Doesn't really matter what software you use. It's not actually possible in a pure EPS format, ...


14

PDF (AI) is the modern vector graphics standard for print workflow EPS is the legacy vector graphics standard for print workflow SVG is the vector graphics standard for WorldWideWeb publishing. If you only use SVG you will lose print workflow features. If you are working on a team that uses print workflow, that will be problematic. If your whole team wants ...


14

I have just run a test and the only difference appears to be on mobile browsers. I created a 990 x 900px image of the Twitter icon (that icon seems far too detailed a design for good scaling, so good for this test). I saved this as SVG, JPG, GIF, Transparent GIF (just the bird shape, no background colour, instead adding this with CSS), PNG, transparent PNG....


14

Prefixed or suffixed tildes usually represent temporary files or backups. Sometimes they may persist longer than they're meant to, which usually means your software didn't finish a save operation or something similar. If you have the actual PNG and KRA files intact, it should be safe to delete the temporary/backup files. If you want to see their contents ...


13

Try exporting the Sketch file as a PDF. Then open the PDF file in Illustrator. From Illustrator export the document as a PSD. Sketch File Formats


13

It cannot be said that AI, PDF, SVG or EPS is more capable than any of the others. Each of these formats have their own unique boons and banes. Use AI or EPS when you're in a print publishing context. SVG won't make you very happy here as SVG lacks many of the features required by print. Use AI if you use Adobe-centric workflow. It simply works better. Use ...


13

In the Export dialog box, tick the 'Use Artboards' option. This saves the image including the containing artboard, what you're seeing as the white frame behind your logo. If you need to re-adjust the white area (the artboard), hit Shift+O and drag the square handles which will appear at the edge of each side or at the corners.


11

Actually this has been asked and answered here for linux users. You need to install librsvg2-bin. I'll just add that you will need to fit page to your svg otherwise it will be truncated. Within Inkscape: File -> Document properties -> Select your svg objects -> fit page to selection. Then just run: rsvg-convert -f pdf in.svg > out.pdf


11

Designing a graphics for a header is not just designing the image, but knowing how the header will look overall. If you provide only the image, there is a chance the other person making the website put just a tini little version, or a deformed one for example. So the first step is to prepare a canvas simulating diferent screen devices, let's say: 1920 width,...


11

Agreeing with the solution proposed by @go-meek, but perhaps the best way to avoid the issue would be printing the brochure yourself. Tell him that you can only give a printed proof, digital files after receiving the payment. It is fair, he can see the brochure and make annotations in it, you keep the files. Doesn't need to be the highest resolution either, ...


11

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


11

SVG is often not suitable for... Embroidery Signage Print production When providing a logo you should provide usable formats for a range of things. SVG, EPS, AI, PDF, PSD, JPG, PNG, even GIF. Simply because an SVG file can be opened in an editor and resaved is not a reason to fail to provide viable formats to the client. What if the client doesn't want to ...


8

From the main menu, choose: File → Print... → Print to File Here you can choose to save the file as PDF, PostScript or SVG.


8

The tricky thing about favicons is that they are tiny (well, while the classic favicon was 16x16 px, you can now use 24x24 px. Still quite small). Because of this, and just as it happens when working with small icons in general, you need to create a version of it pixel by pixel. Scaling just doesn't do. Check this related question: Tools or methods for ...


8

It's not technically possible to have a file that is secured for printing while having the ability to read it. That is because rendering for screen and print is the same thing. Despite this, PDF files have a flag to disable printing; this is more of an annoyance than an actual block. The best thing you can do is rasterize the graphics to a low-enough ...


8

(Note: please read the OP's own answer before this one, since my answer is a comment on the OP's investigation) This is a known issue of Android Chrome. On some of their builds they disabled anti aliasing causing the vector shapes to be rendered with crisp edges. The reason for this was to reduce the overload created by anti aliasing calculations. Due to ...


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