Author Topic: Grayscaling changes image size  (Read 1438 times)

February 03, 2018, 01:38:01 PM
Read 1438 times

wkoressel

  • Sr. Newbie

  • Offline
  • **

  • 2
Hello,

I'm in need of assistance. I am making adjustments to an image for my website and I need to grayscale a picture. Whenever I apply the filter it creates a transparent border around the image thus changing the dimensions. What can I do to stop this?

February 03, 2018, 03:17:02 PM
Reply #1

brynn

  • Administrator

  • Offline
  • ******

  • 3,941
  • Gender
    Female

    Female
    • Inkscape Community
Welcome to the forum!

Are you able to show it to us - I mean share the SVG file?

Filters almost always do that, and sometimes it changes the dimensions by as much as 30% larger!  Sometimes more.

Will you be using the SVG on the webpage, or PNG?  I'm just thinking maybe you can set the size for the image in the html?
  • 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                       

February 04, 2018, 09:13:06 AM
Reply #2

Moini

  • IC Mentor

  • Offline
  • ******

  • 1,568
    • VektorRascheln
Go to Filters > Filter editor and change the settings for the filter area.

But really, you don't need to do that. If you want to use the image on the web, just adjust the 'page' area to your liking. Only what is inside will be displayed on a web page.

February 05, 2018, 07:27:58 AM
Reply #3

wkoressel

  • Sr. Newbie

  • Offline
  • **

  • 2
Welcome to the forum!

Are you able to show it to us - I mean share the SVG file?

Filters almost always do that, and sometimes it changes the dimensions by as much as 30% larger!  Sometimes more.

Will you be using the SVG on the webpage, or PNG?  I'm just thinking maybe you can set the size for the image in the html?

I will be using this png for my website. ive done this process numerous times to my other photos but this is the only one im having an issue with. i have attached a snippet of what im experiencing.

i tried to u the filter editor but i am unsure what what is needed to be done.

February 05, 2018, 01:57:36 PM
Reply #4

brynn

  • Administrator

  • Offline
  • ******

  • 3,941
  • Gender
    Female

    Female
    • Inkscape Community
Ok, the easiest solution is what Moini and I both mentioned.  If it's your webpage, meaning you wrote the code, you can set the size.....I forget which tags and elements are used for that.  But you set the size you want, and only the part of the image which is inside that size will show.

If you don't have access to the code, it's possible there already is a size set.  It's a very common way to write html.  So you can try to upload and and see what happens. 

If you've already tried that, and it doesn't work, then here's how to adjust the filter.  Note that with as much overlap as you showed, it might not be possible to fix, but here's how you can try.

In the bottom section of the Filter Editor, click the tab "Filter General Settings"  (someone should make that grammatically correct someday "general filter settings"!)  Try adjusting both sets - Coordinates and Dimensions.  But only adjust one at a time.  Most likely, you'll need to adjust by the same amount....well they aren't labelled, but one is for x and one is for y (or width and height).  Anyway, change them by the same values.

Also, make small changes at a time, until you can see and get a feel for what they are doing.  Keep watching your image after each change.  (edit the number in the field, and press Enter to put into effect)  At first, just change by 0.10 at a time.  Once you can see what it does, you can try larger changes.

If you could upload the SVG file, I could try it for you, if you don't feel comfortable with it.  As I've said, with that much overlap....it might not be fixable.  Hhmm....now that I think of it, I'm not sure if you should be seeing that much overlap for the Greyscale filter.  Is there any chance you accidentally have another filter applied to it?  You can find out by selecting and looking at the status bar.  Or you would see it in the Filter Editor as well (in the top section, left column).
  • 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                       

February 06, 2018, 05:14:13 AM
Reply #5

Moini

  • IC Mentor

  • Offline
  • ******

  • 1,568
    • VektorRascheln
@brynn: one only needs to adjust the page area. No need to modify anything on the SVG code or in HTML.