Filling unwanted added in .png.

Hi all, I have created a few buttons and I have exported them png.

I am getting a white border unwanted margin, or padding (what you want to call it). Any ideas on how I can get rid of this?

If I try to transform and resize the png also shrink my buton (which is the exact right size).

Any ideas what is causing this mystery?

You will need to attach them to the artboard.

When exporting "use work plans.

When registering for the web there is a similar option in the dialog box.

Tags: Illustrator

Similar Questions

  • I recently had a problem adding still png or jpg graphics - looks like that it is not synchronized and gives purple and green grounds.

    When you add a graphic to my FCPX video in the form of png or jpg or tiff, it looks like it does not synchronize according to the pic

    Maybe your graphics card struggled to display an image of grand res. What model is your Mac?

    Try to resize an image for something as small as a test. Preview can do the downsizing, or if you have an image editor like Photoshop...

    Russ

  • Scroll fill is added 100% slideshow Muse

    I want to create a slide show that is 100% width and height fixed. And I want to be able to add fill-scroll and use the image tool to position on the images in the slide show. Is there a way to do this? Kind of frustrating when only the top of my images is visible on the screen. If I could use the position tool to Center, it would have been so much easier.

    Anyone?

  • PNG image compression

    I have a script that captures images PNG from a 3rd party server, I can save them to my server by using this code, forcing them to 45 x 45

    < cfimage

    action = "resize".

    Height = "45".

    Width = "45".

    source = "#objImage #

    destination = "#newFileName #

    Overwrite = "yes" >

    The issue I see is that the sizes of the files are nowhere nearly as low as they could be, I dropped a few of them in tinypng.com, and they can be reduced by as much as 75% and less than 50% without significant loss of Visual quality.

    The question is, does anyone have a method to compress the PNG? I see that the quality = "" is only suitable for JPG files "

    BTW, I use this on CF8

    It seems that I have a solution.

    The good folks at PNGout ( http://www.ardfry.com ) told me to go on https://pngquant.org/ that uses compression with loss, by dithering (aka being) the image.

    Looking at their site it appeared that they have different ways to test their software with links to third parties who use their software, one of them being http://www.tinyPNG.org , as you will see in my thread above I tried to produce the same great results from tinypng.

    I downloaded the version of pngquant for Windows command line and used CFEXECUTE to execute, it was super easy-->

    arguments = 'd:\232.png--ext .png - strength - speed 5.

    outputFile = «»

    Timeout = "60" >

    In order to not create a new file, but replace the original, I added -ext .png , otherwise, you end up with two images

    I noticed that I could do to run two times faster with -5 speedand still get the same amazing results, 20 k images a fall until about 5 k, with no fall obvious visual quality, if you go for -speed 11, the faster it can be much faster, but the file still much smaller size are not at their small.

    The only argument I've had trouble with -skip-if-plus great who is supposed to do not create the image, if the results of the new image are actually larger than the original, however when I tried I found that the new image would not create even if he would indeed be smaller (I emailed them about this problem)

    Ardfry suggested that I then run the image through their pngout without loss to earn more on the reduction of file size, the tests I did that did help, but only about 2% or more.

    This doesn't seem to be a good solution, it's fast enough, so I'll do what the good answer.

    Thanks for your comments.

  • Question about positioning and filling

    I'm having a problem. I have an image of 500 px wide. I have a container 572 px wide. I set the top and left filling of the container to 72 px and right and bottom, padding to 0px. I think it would make the image completely to the right of the container. This isn't. He seems to have a px 72 on the right padding as well.

    Any suggestions?

    padding.png

    A fill is added to the width of the container, the width is now wide 644px after the addition of 72px padding left.

    What you need to do, it's either add margin top/left of the image:

    #container img {}

    margin: 72px 0 0 72px;

    }

    OR reduce the width of the container to 500px wide. You can still set the top margin on the container of 72px.

  • background image fill div, text with padding

    I have a div that is put in place with a width of 182px and the padding is T:15 R:10 B:15 L:20. The text in the div tag with these settings, but when I add my background image (a color bar), also works 182px, it does not fill the div, only about 75% of it. I learn that I will, any advice would be appreciated.

    gregjb wrote:

    I have a div that is put in place with a width of 182px and the padding is T:15 R:10 B:15 L:20. The text in the div tag with these settings, but when I add my background image (a color bar), also works 182px, it does not fill the div, only about 75% of it. I learn that I will, any advice would be appreciated.

    A fill is added to the dimensions of the

    . If your
    is really wide 182px more padding to 30px left and right = 212px

    If your background image should also be wide 212px.

    HOWEVER, if you do not want that your

    to be only 182px wide value 152px width wide to hold account of padding.

  • Z Index Web App

    I am trying to build a Web application that looks like this-

    dimensions.jpg

    And his fate like this-

    http://www.phillylite.com/message-board.html

    Here's the code-

    < table cellspacing = "0" cellpadding = "0" align = "center" style = "width: 798px;" height: 266px; ">

    < tbody >

    < b >

    < td colspan = "2" style = "width: 798px;" height: 70px; "> < img alt =" "src="/images/module/bigbox.png"style =" border: 0px solid; "" position: absolute; z-index: 1; "/ >

    < div style = "border: 0px solid;" position: relative; z-index: 2; color: #ffffff; "> {tag_name_nolink} < / div >

    < table >

    < /tr >

    < b >

    < style td = "width: 389px;" height: 192px; "> {tag_photo left} < table >

    < td align = "left" style = "width: 409px;" height: 192px; "> {tag_description} < table >

    < /tr >

    < b >

    < style td = "width: 798px;" height: 4px; "colspan ="2"> < img alt =" "src =" / images/module/down png "style =" "border: 0pt none;" / > < table > ""

    < /tr >

    < / tbody >

    < /table >

    With the difference between the image and what is online, you can see that there is a filling between the layers that should not be there. There is also something wrong happens when I tried to add a z index so that I have some text on an image. And I didn't know how to get the tag_description to start in the upper left corner of his crotch. The background image is not displayed and I'm not sure why. Can someone please, in detail, what can I do to get my code to generate a result identical to my image.

    Hello lilpillzz,

    I agree with concypt, tables have been designed to present tabular data, only not to make layouts.

    Here's what could look like a table without difficulty:

    http://jsfiddle.NET/chaddidthis/vznAb/

    It's clean and uses a lot less code.

    As for your existing code (if you want to use the tables) - I don't know you need to place an image in the header with the title. This can be accomplished with css only give a background color. Or, as it looks like your using a png with a transparent image, you can use a 1x1px png background image and place it just to repeat. Then you wouldn't have to worry about positioning and indexing of z.  The text can be placed in the upper left corner by adding vertical-align: top; to your td, it could also use some padding. The background image is not appear because the image path is/images/module/bottom... png, you need to remove one of the periods of png.  Try to give the image an alignment to the left, which can solve your problem of filling unwanted.

    Hope this helps,

    Chad Smith | http://bcgurus.com/Business-Catalyst-Templates for only $7

  • Slow input text on some Pages only in the version 2015.2

    I have working on a site for a while and I have a master of the page and the following pages that any changes to text is slow and late.  It's quite slow so that I can't change the text actually.

    No matter if I create a new text frame or an existing block of edition.  He is trolling in the master and individual pages.

    And all other master pages and blocks of text throughout the site are very good.  It only affects one of the master pages and the child.

    I had an old saved copy of Muse, 2015 (1.2) that it works very well in.

    Unfortunately, at the time wherever I found the question have I already edited enough content in the new site that I can't return to the saved file and use the old version.

    I am critical shut down and will need to redraw around 20 pages in the site that use this basic form, if I can't get this resolved.  Any help would be appreciated.

    Biran

    I found the solution.

    I created a second copy of the master model sends me in trouble.  Then one by one the deleted items until the lag went away.

    It is the image of the background fill.  It was the same fill for all masters, but for some reason there only ruin models.

    Anyway, I deleted the filling then added back in the same image and all is well.

    Brian

  • ImageView image created in stage Builder 2.0 does not appear in the running application

    I use scene Builder 2.0 and have added an ImageView to the parent AnchorPane.  I added my PNG files for the application icon and the different buttons. I select the ImageView in stage Builder can analyze the file system in the package of the project folder and select the PNG for the Image.  Rated image in the Imageview in the generator from the scene in design mode and preview mode.

    While everything appears correctly when the application is run, the image assigned to the ImageView is not displayed.

    From the FXML file:

    < ImageView fx:id = "ivBRULogo" fitHeight = "64.0" fitWidth "64.0" layoutX = '14.0' = on = "14.0" pickOnBounds = "true" preserveRatio = "true" AnchorPane.leftAnchor = "14.0" AnchorPane.topAnchor ="14.0" > "

    < image >

    "< image url="@BRU_PE_B_64.png "/ >

    < / image >

    < / ImageView >

    Does anyone have an idea of what might happen between the compiled application and what scene Builder generates?

    Thank you

    Tim

    I recreated the project in Netbeans and copied the Mac files in the src folder.  I opened the FXML in stage Builder and everything looked good.

    Then I built the copied files and voila! The app seems correct with all images and colors of text (another oddity) on Windows 7.

    There must be something weird happening between the stage Builder and Netbeans in Windows 7.

  • Urgent: Need to put camouflage pattern of vector within the shadow of a text

    Hello everyone forum Illustrator. This is my first post here, and any input would be greatly appreciated. Here's the number: (also see joint photo for reference)

    I do a concert of paint sign for a client and I need to be able to put this Camo vectorized inside the long, red shadow for the model takes up the area of the shadow of itself. The other issue to note, is that I have been using the appearance of the window to make the shadow (using Add new fill, then adding the fx of transformation to make the shadow). Because I use this method, I don't know if the mask plugin will recognize the shadow as it's own thing.

    I have to have this done in the morning. Thank you in advance for your help!

    As a summary, I would like to camouflage within the red part. : )

    Screen Shot 2015-07-10 at 4.28.52 PM.pngScreen Shot 2015-07-10 at 4.33.47 PM.png

    you have a text, with 2 refills, second an applied transformation.

    Add your shade of reason to this filling.

    No camouflage, but you gain the

  • Paging in SQL * more

    Hello

    I am trying to manage the size of the pages in my sql * most report and have a problem, so I created an emp and dept version to show my question.

    I have a question, where I break on a field, then jump to the next page using the command break.  I was expecting sqlplus either use formfeed to jump to the next page (if I set newpage 0) or to the CR/LF in the appropriate number of lines depending on the size of the pagesize, I put (if I newpage no 0 value).  I find the formfeed OK works, but I do not want to use this, I want to use the CR/LF option (which I think there is!).

    My sample code is the following:

    delete columns
    clear breaks

    fixed lines 80
    set of 100 pages
    NewPage set to none


    column deptno 00 format
    break on deptno jump page

    TTITLE-
    "left" -.
    Center 'TEST ' -.
    'Page' on the right format 999 sql.pno skip2


    Select deptno, empno
    WCP
    order by deptno, empno


    coil $HOME/test.log
    /
    spool off

    The question I have is the output looks like this:

    Left TEST Page 1

    DEPTNO EMPNO
    ------ ----------
    10-7782
    7839
    7934
    Left TEST Page 2

    DEPTNO EMPNO
    ------ ----------
    20 7369
    7566
    7788
    7876
    7902
    Left TEST Page 3

    DEPTNO EMPNO
    ------ ----------
    30 7499
    7521
    7654
    7698
    7844
    7900

    14 selected lines.

    As I pagesize value 100, I expected that there should be 100 lines between each left in the ttile, but you can see that's not true.

    Can someone please tell me why this isn't the case?

    Thank you very much

    Tony

    Hello

    It looks that PAGESIZE is a maximum, not fixed, number of lines, so no a fill is added at the end of a query.

    If you add a title at bottom, then SQL * Plus will be key all pages, including the last page of a query, to this day.  When you specify the TTITLE, give a subtitle as well:

    SUBTITLES LEFT ' '

  • Why my image appears on a browser

    I do a mock-up of a possible website for a friend. I added a png of a logo that could exceed a photographic background. The logo appears on the display in dreamweaver but will not appear on the browser (I've checked chrome and firefox)

    Thank you

    Kurt Esposito - a world of possibilities

    * the link is above for some reason any does not display the link written on

    The only png on this page is the background image board.png, which displays very well. You download the page to the correct location?

  • Rollover State now does not

    I had my images of social media change from gray to a color on rollover, but since the update it works no, not even working in the preview, but it does not work on normal state

    On roll of a grey picture: color blue for example glow opacity 100, blur value 100 and inner glow makes TIC TACS

    www.fpmailing.co.uk Web site (near the top of the menu drop-down ' Let's be social ")

    Any advice?

    Here is how I fixed my problem:

    Don't create a new rectangle, no background or contour. Change fill image with your .png file fill. Apply inner glow effects, etc. in each State. Should work using this method.

    Already my .png chart was just placed in Muse and the inner glow effect applied to each State, and it worked as expected. Since the update all States are the same, with only the normal state, meet the changing, as others have mentioned. If you have updated recently, inner glow only works on two separate States when the .png file is used as a picture fill in a rectangle.

    Hope that I was clear in explaing that

  • Maintain performance when you work with several shape layers (~ 50)

    Hey guys, I worked on a few recent projects where I need to animate a large number of shape layers cascading, adorning it, with different properties of the animation. When I arrived at the point of use of 30-60 shape layers or more, and they all sort of scale, position, animations etc, my computer slows down to a complete analysis. Then forces me to use a single shape layer and Repeater functions. These can work well, sometimes and not cripple the flexibility too, UNTIL you need to incorporate various colors. At this point, I usually spend my shape layers to masks and place a layer underneath with different colors according to the needs. Animations of form then show these colors, but it does not work for a complex object, which, in itself, requires a lot of colors. so...

    What type of workflow you all to work with more complex semi both objects? I say to myself that I must be missing something, because it's become really limit. Everyone works only with 256 GB of memory RAM?

    FYI, my computer specs are:


    6 core Intel Xeon 2 x 2.66 GHz

    32 GB 1333 MHz DDR3 ECC

    ATI Radeon HD 5870 1024 MB

    OS X 10.9.4 (13E28)


    Thank you!!

    Motorhomes can accelerate your insights if you use the disk cache, but there will be nothing to expedite your first ram preview or a ram preview after a keyframe to change except a better optimized system. All that it takes to slow things down is an effect or film file that causes the AE to begin to use the power of CPU and memory.

    As test I just created a gradient filled rectangle, added keyframes rotation, duplicate the layer so I have 64 copies on my Mac Mini and tried a preview ram from the same model with 1 single layer. Almost no difference in time it took to get an overview of 10 seconds. Thrown into a processing of scale for all layers and once again, not a lot of difference between the layer shape and 64. To make things much more difficult, I change the rectangle a polygon and animated everything in the transform properties starter, put in place a composition with 128 duplicates and a model with a single layer. 2.5 seconds for a ram in the quarter preview ground for a single layer, 10 seconds for a RAM Preview to 128 layers. It is more than acceptable for me for an old Mac Mini for two years with 16 GB of ram. Increase in the factor of 50% zoom with resolution set to Auto double the ram preview duration that was still acceptable.

    This makes me wonder what is happening in your composition. All the effects or other things going on? You have optimized your system for maximum performance? There are links with suggestions to do throughout this site as well as the recommendations of Adobe available here: after effects performance optimization

  • File extensions do not created when saving images for the web, using the slice, Photoshop CS4-slice tool

    Working with slices in Photoshop

    When I save slices through "Except for web devices", in PS, the resulting images are file extensions but appear to be image files.  I can open in Windows Gallery Viewer and see them however, they have no icon other than a blank page icon, not the usual png or jpg types.

    To solve this problem I added manually .png and .jpg those pristine images through their file names. It seems to work very well for the resolution of jpg files.  In addition, when registering via 'Save for web devices' slices I chose manually imput to the second field and following: PNG or jpg.  This results in the names of files with .jpg but not .png [both png12 and png24]

    When you save slices:

    1. choose the file type

    2 save

    3. internal record Panel: choose:

    (a) image only

    (b) Selected slices [or user slices - as seem to have similar results]

    (c) in the settings: other:

    (i) disable: copy the background image and create the image folder

    (II) for the file nameing use: slice of name and in the second field, add the file extension: jpg or png.

    PNG FILES

    I seem to have problems to import any .png file, created from slices via 'Save for web devices' method, in PS and Fireworks.  However, I do not seem to be able to import them into Illustrator and Indd.

    I want to do is to be able to create slices PNG and JPG files and follow the method "Save via web devices" without having to become an expert in all the options in the Save Panel.  And then be able to import it into Fireworks or in PS.

    Is there something in the preferences that needs to address, or there at - it a bug of sumfink?

    To solve the problem of file extention:

    1. When you save file slots in the Panel 'Save for web devices' and 'Save' Panel appears. Then, you click on 'other' in the settings and do appear the file naming options panel.  Make sure you keep ".ext" in the substantive area of naming options.

    Yes, that's the error.  Now file for .png extensions are created and therefore work OK in Fireworks and Psalm

Maybe you are looking for