The development version of Inkscape (upcoming 0.91 release) has a global anti-aliasing toggle in the Document Properties window, which should also work for export. Look for "Development Versions" on the download page:
It is called subpixel rendering, or subpixel anti aliasing. Microsoft does something similar for most windows applications.
Your screen consists of colors that are next to each other. If you do a simple sample based anti aliasing you do not get the best possible result. But by leveraging of the knowledge of how the pixels are laid out you can get better ...
One simple solution is to export to PDF, and then use Ghostcript on the resulting PDF. Using a strawberry image from Openclipart and the command
gs -dSAFER -dBATCH -dNOPAUSE -sDEVICE=png16m \
-r72 -dGraphicsAlphaBits=1 \
I get the following result.
If your image also includes text, you’ll need to add -dTextAlphaBits=...
Inkscape 0.91 and above has the ability to toggle antialiasing. This can be accessed through the Document Properties window (Shift+Ctrl+D). When turned on, which is the default, this image of an array of triangles looks like this.
When turned off the image looks smoother.
As others have mentioned, this currently has no effect on the png export. ...
You should be exporting directly to the pixel dimensions you need from the original Illustrator file.
You'll probably do just fine altering the size in the save for web dialog rather than creating a scaled vector version for every instance.
This is a product of using diagonal lines on a grid (which is essentially what a PNG is: a grid of pixels).
Here's a diagonal line on a grid. Each of the squares represents a pixel, greatly enlarged here. Some pixels need to be only partially coloured.
It's not possible to colour a pixel like this. It needs to be all one colour. Without anti-aliasing, the ...
This is called subpixel rendering. The different colours are only visible because the image has been blown up. It will be easier to give an example of white on black.
Imagine a one pixel thick white line. On most desktop LCD screens the individual subpixels colours are arranged horizontally. As long as all three colour pixels are turned on we will see a ...
To be able to rotate, deform or scale a floating selection with the corresponding tools we have to set Interpolation to None in the Tool Options to avoid anti-aliasing.
Then a selection will be transformed with sharp edges but with aliasing, of course:
I found that just by changing two pixels in the middle of the second image to white, I could make it a lot more clear:
Here they are at normal size:
It's definitely a little better. So, you might do well just by scaling down Helvetica and then zooming in all the way to see what's making it fuzzy, and then fixing it from there. I didn't spend a lot of time, ...
Firstly, you're VERY observant ;)
I'm guessing you're working on a document that is in CMYK colour mode?
How you tackle it depends on your purpose. If you are creating print graphics then you can safely ignore it, because it's an artefact of how Illustrator renders the CMYK color model on screen.
If you're creating graphics for screen, switch to RGB – ...
This connects to my question from a few weeks back. I feel there is still not a great answer for "How do I determine when a webfont can cut it vs when to use graphic type?" I outlined how I make that determination, though it's still fuzzy.
The bottom line is, you need to test webfonts in multiple browsers on multiple systems as early in the design process ...
I still haven't tested this, but I think I figured out a workaround. In troubleshooting another issue, I came to know the option "Color to Alpha", which seems exactly what's needed here. I think I can get Antialiasing like usual against one specific color and then use Color to Alpha to turn that color into different degrees of transparency. This would work ...
You should rasterize it in the right pixel dimensions directly from Illustrator whenever possible, but when you're resizing things in Photosohop there is a choice of resampling modes:
Nearest Neighbor - This is the simplest form of resampling, if you can even call it that, where the original pixels are just expanded to the next full pixel to fill the new ...
Your original image ("8SLgo.png", labeled "here is the image" in your question) already has the blurring between squares and blurry text. Here it is, enlarged 5x and composed against a white background:
It looks to me as though your friend created the image in a smaller size and then enlarged it to the 110x130 size before sending it to you. If the ...
Sometimes, it really depends on what you do. For pixel art style sprites its quite commonly done manually. But for general graphics not so much.
Expecting an "anti-alias filer"
This exists its usually called bicubic downsampling. See the computer can not know how to anti-alias because the signal is unknown. But if you provide a better signal it can ...
Unfortunately, no, there isn't a way to, using the tools that Photoshop has by default, replicate the different browsers' rendering (note that all browsers render text in a distinct way). That's one of the reasons lots of designers create mockups straight in html/css, because of these discrepancies.
There are, however, Photoshop actions and plugins you can ...
In Edit > Preferences > General there is an option that toggles Anti-Aliasing for art as it is displayed on screen while you work.
Under Effect > Document Raster Effect Settings there is a checkbox for Anti-Aliasing that controls to some degree the outcome of the file once it is saved to a non-vector format (ie. jpg, gif, png).
Depending on which file type ...
The original file looks like a minified PNG file. Unfortunately, Adobe Photoshop cannot save images as indexed PNG files with alpha transparency, and Photoshop CS5 and below cannot even display them properly. The file itself was probably generated with tinypng or similar. You could maybe try their plugin for Photoshop and see if that will let you open that ...
Depending upon the colors and how good the original anti-aliasing is, you may get away with simply using Colors > Map > Rotate Colors..
But to do it more accurately, use Color-to-Alpha to separate the foreground and background into two layers, thus:
Layer > Transparency > Add Alpha Channel
Layer > Transparency > Color to Alpha... (use color-picker to ...
This is not just a trick of the eye, although I'm sure it's part of what's going on.
So if you don't want to feel like some sort of pedantic freak, watch "Computer colour is broken" by MinutePhysics, which explains why your "blending with gamma" seems to help (note: it actually does).
For posterity, the video basically says: "most graphics software, ...
Create a document 800px X 600px and set resolution to 10 px/in
You can still see anti aliasing on hard brush stroke.
Now change Image Mode to Index Colour
Select Palette to Uniform
Now painted with hard brush with no effect of anti aliasing or semi transparent pixels.
If you are using the any of the Selection tools, all you need to do is set Feather to 0px and un-check Anti-alias:
If you have a selection with a feather already applied to it (for example, if you use the 'Make Selection...' command on a path there seems to be a minimum feather) you can use Refine Edge (Select → Refine Edge...).
Setting the Contrast to 100%...
You cannot use antialias in transparent GIF images since it's only 8-bit, but you can fake it. When exporting using "Save for Web" use the option Matte to match the background color of where the animation will be placed. It adds a few extra colored pixels at the edges of the image.
The downside is that you can only match one color, so it won't work well on ...
This has nothing to do with SVG really. I think it's the design that is the problem.
Looks like the lines are too thin, so when you are rescaling them they are becoming less than a pixel. Change the design if you want something that is to be displayed at such a small size, or alternatively don't scale it so much that it will cause a problem.
Yes, it's ...
Try increasing the pixel count: if your image is 450px wide, double it to 900 and then downsample at the time of export.
This will give you more pixels to work with when describing the curves and diagonals.
As an aside, in computer graphics--especially games--you may have encountered anti aliasing methods such as "2x FSAA"
What this means is that the ...
You can also use SVG's shape-rendering property to make edges crisp.
In SVG XML that looks like:
<svg:something shape-rendering="crispEdges" ... />
In Inkscape's UI you can set this manually using the XML Editor (Ctrl+Shift+X) as shown in this screenshot:
Select the node that the property should apply to. Here I am applying it to a group of paths. ...
Ok, there are several possibilities. You can try to identify source of your problem using a list of possible causes or jump directly to different approach I would suggest.
List of possible causes
What software are you using to create this logo? If you use vector SW like Illustrator I would suggest recreating it in Photoshop since rules that usually mean ...