I made a file size 320*370, however they become 321*370 while I export them into png?? Things happen to every files unless there is only one artboard in the file. Always 1 px more from what I originally set. Any idea how can this be fixed?
This is caused when the artboard is on decimal pixel value on X and Y, and when the size of the artboard is decimal as well Make sure that your artboards are located on integer values on the X and Y axis and has integer Width and Height.
Try to rearrange them putting a integer value between them! Cheers!
- Make sure each object you want to export is in separate artboards.
- Select all the objects.
- Go to File -> Export Selection.
- Go to 'Artboards' tab, Tick off the 'Include Bleed' box under the artboard range.
- Set the artboard range and choose your desired format.
- Click 'Export Artboard'.
Done! Now every images that you exported will be as the same as the artboard sizes you set.
All of the answers here are partial. For consistent results you need to use all the techniques listed here:
Your artboard must be exactly on X and Y coordinates (eg: x:270 y: 179, not x:269.96 y: 179.21). Turn on your pixel grid (View > Pixel Preview) and turn on Snap To Pixel (View > Snap to Pixel) when drawing new artboards, or just type round numbers into the Artboard Properties panel (for x, y, width and height).
Either make sure none of your artwork could bleed outside the edges of your artboard OR (better) turn OFF "Include Bleeds" when you use Export for Screens. Remember that for most strokes, if the stroke aligns with the edge of your artboard, chances are it actually spills outside the boundaries of your artboard because strokes by default are centered on the line.
If all the above isn't working for you, you can always fall back to Save for Web (Legacy) where you can clearly see the pixel dimensions while exporting and there are no surprises.