bitmap - make them sharp and clear

Post questions on how to use or achieve an effect in Inkscape.
User avatar
Bucic
Posts: 128
Joined: Fri Apr 24, 2009 2:50 am
Location: Poland

bitmap - make them sharp and clear

Postby Bucic » Thu May 20, 2010 12:03 am

As I do a lot of work involving bitmaps in Inkscape I need help on understanding the means of getting exported bitmap crisp and clear, including the imported bitmaps.

Bucic wrote:I often do as follows:
- have a group of horiz. lines
- move the first one where I want to be the start of those distributed lines
- move the second one where I want to be the end of it
- set Align and distribute - ... equidistantly

How do I make sure that all the lines will be crisp and clear when exported to bitmap?

Even more complicated case - with texts as they "snap-point" is at some weird place outside the text boundary.

Edit:
Here's another example
http://i17.photobucket.com/albums/b68/B ... ark_bu.png (see attachment for svg). Any hints on improving the clearness of the image (especially the embedded bitmap)? Can it still be solved by snapping to pixel grid? i.e. what should be the right workflow you mention?


The quote comes from the topic about the PixelSnap extension but first - no one replies and second - I need to learn the basics behind sharp bitmaps squeezed from Inkscape.

I'll appreciate any help.
Attachments
3Dsettings_guide_bucic_02.svg
(78.26 KiB) Downloaded 338 times
!!! Support wishlist: A new perspective / transformation tool http://tinyurl.com/3uacua4
* Inkscape Tutorial Basics A different approach... http://tinyurl.com/3pextp3
* What do I use Inkscape for http://tinyurl.com/3pbna6l

User avatar
Bucic
Posts: 128
Joined: Fri Apr 24, 2009 2:50 am
Location: Poland

Re: bitmap - make them sharp and clear

Postby Bucic » Thu May 20, 2010 9:06 am

I think I'm getting my head around it...
But I'm still open for additional tips. Especially regarding preserving crispness of bitmaps imported to Inkscape.

Image
!!! Support wishlist: A new perspective / transformation tool http://tinyurl.com/3uacua4
* Inkscape Tutorial Basics A different approach... http://tinyurl.com/3pextp3
* What do I use Inkscape for http://tinyurl.com/3pbna6l

Slow Dog
Posts: 180
Joined: Wed Sep 24, 2008 7:51 pm

Re: bitmap - make them sharp and clear

Postby Slow Dog » Thu May 20, 2010 8:58 pm

Read this thread:
http://www.inkscapeforum.com/viewtopic.php?f=14&t=2854&p=16810#p13155

For an imported bitmap:
Don't scale it.
If you have to scale it, scale it only to 2x, 3x, etc. If you need to shrink it, you're probably better first scaling it some other tool before importing it into Inkscape.
Align the bitmap to the Pixel Grid (as described in referenced thread, for all shapes), otherwise it will be resampled (and blurred) on export.

For Align and distribute, your going to have to be careful that you distribute across (a whole number)*(number of objects) pixels. If you set a pixel grid, your success of failure will be immediately obvious, so it's not as bad as it sounds.

There's no real way of ensuring text is sharp, I'm afraid. All you can do is experiment until you get something OK-looking.

User avatar
Bucic
Posts: 128
Joined: Fri Apr 24, 2009 2:50 am
Location: Poland

Re: bitmap - make them sharp and clear

Postby Bucic » Fri May 21, 2010 12:38 am

Thank you Slow Dog!

I think I'm finally getting somewhere. I will be definitely looking into this extension http://code.google.com/p/pixelsnap/ Also I still have problem with changing text base point. Ususally it's just outside the text boundary, in a random position, making it impossible to snap e.g. the bottoms of fonts to anything. Also - is there a way to quickly switch between two available grids set in the document properties?

Below are my thoughts I think other noobs may find useful and, what's more important. I'm looking forward to corrections from more experienced users if I got something wrong.

First of all - my template in the attachment:
Two grids set (check Document Properties - Grids):

1. Dotted (default) - every half pixel - for vector elements.

2. Line grid - every pixel - for bitmaps and text.

In both cases snapping every pixel/0.5 pixel is possible without seeing the densest grid.

Then an imported and then exported bitmap test. Descriptions in the file names.

Image

Image

Image
Attachments
grid_default.svg
(4.05 KiB) Downloaded 257 times
!!! Support wishlist: A new perspective / transformation tool http://tinyurl.com/3uacua4
* Inkscape Tutorial Basics A different approach... http://tinyurl.com/3pextp3
* What do I use Inkscape for http://tinyurl.com/3pbna6l


Return to “Help with using Inkscape”