I need to assemble a couple of individual pictures together, plus some nice text, and the result has to be a PNG of a certain pixel size.

I'm not a web-designer, so, I don't have any specialised software, and since I need to do this like once or twice a year, it probably won't be worthwhile to buy and learn how to use Photoshop or some such.

I've been (mis)using Apple Pages for these kinds of tasks, which generally works great, except for this pixel requirement for this specific task of a web-graphic.

What I found that works is:

  • design the document in Pages, with cm as the measurement system, and using a calculator to ensure proportions
  • use the Fit Width zoom option, and resize the window next to a pixel screen ruler
  • use 4 to take a screenshot of a portion of the screen (usually of the whole window, e.g. with a space and a button click)
  • use Preview to cut an exact PNG of needed size from the above screenshot
  • if size is off, repeat the last three steps

Is there a way to reduce the above steps, and make the process somewhat less ad-hoc? I've originally started with exporting from Pages into PDF, and then doing the resize magic with PDF, where I still had to take the screenshot of it before going further, but then realised it was an extra step that was not necessary.

  • I understand you don't have PS or similar, but since it's free, perhaps Gimp would be of interest. Commented Dec 13, 2013 at 20:07

1 Answer 1


As Pages was not really developed with producing pixel-based graphics in mind, I think you workflow is already quite the best way to handle such a task in Pages (+Preview).

However, if you have Pages, you may also have Keynote? Your task could be accomplished with this app much easier.

  • Slideshows are set up in pixels, not cm.
  • After creating a new slideshow by selecting one of the predefined sizes, these can also be completely changed to custom sizes (info window, first tab).
  • After finishing your artwork, you can directly export into several image formats like JPG and PNG. You can even resize the image during this step (again).

(Tested right now with Keynote 5.3)

  • Duh, I completely forgot about Keynote, indeed! :-)
    – cnst
    Commented Dec 14, 2013 at 4:59
  • BTW, it seems like 200x200 is the lowest allowable pixel size within the GUI. :/ Would be nice if there was no such restriction...
    – cnst
    Commented Dec 21, 2013 at 20:38
  • @cnst True - didn't know of this fact. But I think working with 200x200 slides in Keynote + rulers + reference lines is okay, to mark the final image's area. Then crop the final image to whatever size you need in Preview. Commented Dec 24, 2013 at 1:09

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .