Author Topic: Unclear image after converting to PDF  (Read 4189 times)

August 15, 2016, 06:49:19 PM
Read 4189 times

mlangheim

  • Sr. Newbie

  • Offline
  • **

  • 3
I'm using inkscape to design my wedding invitations.  I bought a digital image from a shop on etsy.  It came in .png and .svg format.  I modified the color by using the fill tool in gimp and then copy and pasted it into inkscape.  I also cropped it.  Everything looks good when it's opened in inkscape.  When I save the file as a pdf and open it up in acrobat the lace is different.  The top image is what the lace should look like and what it looks like when opened in inkscape.  The bottom image is what it looks like in acrobat reader.  I've tried saving it in different formats, I've tried deleting the lace and putting it back in, I can't figure out what the problem is.  Any help is appreciated!

original.PNG
*original.PNG
(10.31 kB . 254x97)
(viewed 890 times)

pdf.JPG
*pdf.JPG
(11.93 kB . 176x107)
(viewed 840 times)

August 16, 2016, 07:12:54 AM
Reply #1

brynn

  • Administrator

  • Offline
  • ******

  • 3,941
  • Gender
    Female

    Female
    • Inkscape Community
Welcome!

Could you give us some bigger examples?  I can't see what the problem is.  Also, could you provide the SVG file?  Then we can investigate better.

There are some known issues with transparency when it's converted to PDF, and my best guess, without looking at the SVG file, is you have some partial transparency in the lace.  The would be an easy fix though.

Open Object menu > Fill and Stroke dialog.  There you'll find out how the transparency is achieved.  It will either be the bar labelled "A:" (which is for "alpha").  It should be all the way to the right, with a value of 255.  Or it will be the Opacity slider, which is just below that.  And it should be all the way to the right, with a value of 100.  Or it could be both.

When you make that fix, of course the color of the lace will be much darker.  But there's a way to lighten it, yet still avoid transparency.  In the Fill and Stroke dialog, click the HSL tab.  On the bar labelled "L:" you can select what I call a shade of the color (although I think technically "shade" might not be the proper term).  Anyway, you can move the slider and lighten or darken it.

(By the way, it looks like the text shares the same issue.)

If that fixes the problem for you, you don't need to bother uploading the SVG file.  But if that doesn't fix it, we'll probably be able to find it in the SVG file. 

Let us know how it goes  :)
  • Inkscape version 0.92.3
  • Windows 7 Pro, 64-bit
Inkscape Tutorials (and manuals)                      Inkscape Community Gallery                        Inkscape for Cutting Design                     



"Be ashamed to die until you have won some victory for humanity" - Horace Mann                       

August 16, 2016, 06:07:19 PM
Reply #2

mlangheim

  • Sr. Newbie

  • Offline
  • **

  • 3
pdf.JPG
*pdf.JPG
(54.67 kB . 988x377)
(viewed 919 times)

original.JPG
*original.JPG
(31.25 kB . 738x248)
(viewed 959 times)

Hopefully you can see those better.  I clicked on the images and the transparency on both bars is to the far right.  Let me explain how I got the image the way I did, maybe it has something to do with that.  I opened the image in Gimp, and used the fill tool to change the color.  I then saved it as a .png and imported it into my opened invite on inkscape.  I cropped it by setting a clip.
Here is the file
lace.svg
*lace.svg
(1389.34 kB - downloaded 1333 times)

August 16, 2016, 08:50:13 PM
Reply #3

brynn

  • Administrator

  • Offline
  • ******

  • 3,941
  • Gender
    Female

    Female
    • Inkscape Community
Yes, that's much better.  It doen't sound like you did anything wrong with changing the color in gimp.

Hhmm, I'm not sure if you gave us the right file though.  The lace is a different color (more of a brownish gray than a bluish gray), and there's no text.  It looks to me like whatever is happening with the lace is also happening to the text.  So we need to see the whole thing, right before you save as PDF.  (Well, it doesn't have to be the whole thing, as long as we have some of the lace and some of the text, right before you save as PDF.)
« Last Edit: October 01, 2016, 09:35:16 AM by mikey »
  • Inkscape version 0.92.3
  • Windows 7 Pro, 64-bit
Inkscape Tutorials (and manuals)                      Inkscape Community Gallery                        Inkscape for Cutting Design                     



"Be ashamed to die until you have won some victory for humanity" - Horace Mann                       

August 17, 2016, 04:17:34 PM
Reply #4

mlangheim

  • Sr. Newbie

  • Offline
  • **

  • 3
Oh I thought you were asking for the file I bought of etsy.  That is what I included.  Here is the file to invite
WEDINVITE3.svg
*WEDINVITE3.svg
(4347.54 kB - downloaded 832 times)

The screen clip on the bottom is actually taken of the invite pulled up on inkscape.
« Last Edit: August 17, 2016, 05:01:19 PM by mlangheim »

August 18, 2016, 04:13:41 PM
Reply #5

brynn

  • Administrator

  • Offline
  • ******

  • 3,941
  • Gender
    Female

    Female
    • Inkscape Community
Oh, no worries.  We'll get there  :)

Well, I hope....  I've written and re-written a reply 3 times now, and I still haven't figured out what is causing this problem.

I do see an odd transparency issue, that might really be a non-issue, since fixing it does not fix the problem.  But here it is, for what it's worth.  For most if not all objects in the file, the Fill and Stroke dialog indicates that there is no transparency.  However, on the left side of the status bar (along the bottom of the window) (which is known as the style indicator) the O: value is zero, which means fully transparent.  I don't understand how all the other indications of transparency show fully opaque, so I don't know what the source of that zero is.

However, fixing that, does not fix the problem.

The problem, as I'm seeing it now, is that there seems to be a darker outline on the lace image, in the PDF version.  But the original image does not show any outline like that.  Maybe it's something about the lace image after all, that's only showing up after converting to PDF?

Ah-HA!  If I convert the SVG file you gave us, containing the original PNG, to PDF, it shows this problem.  And that's before you ever touched it, right?  So it's something about that PNG, which I'm at a loss to explain.  Maybe some of our other members will know why that's happening?  (It seems to be quite a bit smaller than the original, which Inkscape reports as 3600 pixels square.  It looks closer to 500 or 600 pixels square.  But I still wouldn't expect this kind of result.)

But I can at least tell you about a couple of other issues that I see.  There seems to be 2 whole invitations in the file.  I'm not sure why?

I noticed that you have that image imported many times, and clipped many times.  And then there seems to be some nested clipping, which can become problematic.  But you could cut those imports in half by only having 1 invitation in the file.   And there seems to be a lot of nested groups too.  They don't cause any kind of problems that I know of, just makes it hard to handle and manipulate objects in the file.

You might try cropping the lace image in gimp first, and then import that.  It that might help to avoid the nested clipping (which is clipping something that's already clipped).

Also I noticed that you've used Flowed Text.  Flowed text has a few problems, but the feature is retained in Inkscape, because it can be so helpful.  One of the problems is that it won't show up on the internet.  So if this will be an online invitation (which I've heard of these days), you'll probably want to convert the text to paths (Path menu > Object to Path).  But even if you're sending the PDF to the printers, converting the text to path is still a good idea.  Just be sure to save the text "as text" somewhere in the file, like outside the page border, or on a hidden layer -- just in case, some day, you might want to edit.

Flowed text is created by dragging out a text box, with the Text tool, before you start typing.  To type regular text, just click once on the canvas, and start typing.  Or you can convert existing flowed text back to regular text, by Text menu > Convert to Text.  However, you might have to reformat the text.  Whenever I've used that, it gives me one long line of text, no matter how many lines it started out.

Well, maybe someone will know what's causing that result, that can help you decide what to do.   :xf1:







Edit by Lazur

Sorry to post it here but couldn't do otherwise -there seems to be a problem with the forum at the moment.
Here is my two cents:

Just posted and it got lost somewhere in between...
Maybe attachments were to big?


Anyway, the problem is related to alpha compositing.

In your original raster image the colours faded from spot to white, while in the pdf they fade from spot to black, and both having the same alpha values, making the grayish colours appear where there is a fade in the alpha channel.
It is caused by the new cairo package inkscape is compiled with, 0.48 didn't have this issue as far as I know.
You could consult with the developers at the live chat board (@freenode, #inkscape-devel) -there may be a bug report of it already at the bug tracker but doubt there would be a quick solution.
Different package could be used of cairo for the compilation that could produce different problems and in general cairo is not developed by inkscape.

I'd say its easier to go for a brute-force solution (if you don't want to regress to using 0.48) to use a raster image with no fading in the alpha channel.
Either having it as a strict opaque-transparent with no fades or not having alpha cannel at all.
Since you want to have it on a white background, that wouldn't make a difference.
Or use trace bitmap and have it as all vectors instead.



Edit by brynn

I am also unable to post a reply here.  So something has broken for this topic.  mlangheim, would you please start a new topic, to post your next reply.

For Lazur's comments about your problem -- yes, that seems like a reasonable explanation.  I just never came across this problem before.

To me, the easiest fix would be to download the SVG version, and just have it all SVG.  If the lace image has some kind of filter applied (to create the alpha compositing thing that Lazur described) it could be easily removed.

Sorry for the inconvenience with the forum behavior.  Just start a new topic, and I think we'll be able to continue.  Actually, I'll start it for you  :)  Here is it:  http://forum.inkscapecommunity.com/index.php?topic=399.0
« Last Edit: August 18, 2016, 10:29:21 PM by brynn »
  • Inkscape version 0.92.3
  • Windows 7 Pro, 64-bit
Inkscape Tutorials (and manuals)                      Inkscape Community Gallery                        Inkscape for Cutting Design                     



"Be ashamed to die until you have won some victory for humanity" - Horace Mann                       

August 18, 2016, 05:41:50 PM
Reply #6

Lazur

  • IC Mentor

  • Offline
  • ******
  • Inkscape Filters Wizard

  • 1,154
  • Gender
    Male

    Male
Just posted and it got lost somewhere in between...
Maybe attachments were to big?


Anyway, the problem is related to alpha compositing.

In your original raster image the colours faded from spot to white, while in the pdf they fade from spot to black, and both having the same alpha values, making the grayish colours appear where there is a fade in the alpha channel.
It is caused by the new cairo package inkscape is compiled with, 0.48 didn't have this issue as far as I know.
You could consult with the developers at the live chat board (@freenode, #inkscape-devel) -there may be a bug report of it already at the bug tracker but doubt there would be a quick solution.
Different package could be used of cairo for the compilation that could produce different problems and in general cairo is not developed by inkscape.

I'd say its easier to go for a brute-force solution (if you don't want to regress to using 0.48) to use a raster image with no fading in the alpha channel.
Either having it as a strict opaque-transparent with no fades or not having alpha cannel at all.
Since you want to have it on a white background, that wouldn't make a difference.
Or use trace bitmap and have it as all vectors instead.