Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Tip

You're reading an article from PHE's web content knowledge base - the best place to find answers to your content questions.

To browse more useful articles, visit our home page.

...

Table of Contents

How to resize images quickly using only your browser

Images must be 960 x 640 pixels in dimension to be used on GOV.UK.

If you require an image to go alongside your content on GOV.UK, it is your responsibility to supply an image that is the correct size and orientation.

No special design skills needed

You don't need graphic design skills or software to resize images to the required specificationsImages must be 960 x 640 pixels in dimension to be used on GOV.UK.

Crop images using Canva.com Photo Editor

Step 1

Open https://www.canva.com/photo-editor/


Click 'UPLOAD'

Image Modified


Upload the image you want to use for the story.

Step 2

Now select CROP from the top menu.

Image Modified

Step 3

Now you should see the Crop Tool options.

Change the two numbers above the image so they are "960"  and then "640".

Image RemovedImage Added

Image Removed

...

titleMake sure that 'Maintain aspect ratio' is unticked, this will allow you to specify the exact image dimensions.


Image Added

Step 4

Now you have a selection box that is the right size for GOV.UK.

...

(DO NOT click on the four dials at the edges of the box)


Image RemovedImage Added


Step 5

Now click APPLY.

Image RemovedImage Added


Image AddedImage Removed


Great, you've now successfully cropped the image to GOV.UK dimensions!

Save the image


All you need to do now is click SAVE.

Ignore this marketing message and click on 'Download Your Photo By Itself'.


Image Modified


Success! You have now saved a copy of the cropped image to your desktop.


Image Modified

General tips

  • Naming image files
    • give your image a descriptive file name (for example 'Female blowing nose with tissue during flu season'). Avoid meaningless file names like IMG00023.jpg.
  • Borders
    • avoid putting borders around images. The image should go right to the edge of the frame. Unless it is a campaign logo.
  • Read the image copyright standards on when you should attribute your image.

...

borderColor#2F4F4F
bgColor#FAFEFF

Learn more

...

We hope this article was useful.

To share this article with a colleague, please send them this link: https://confluence.collab.test-and-trace.nhs.uk/x/2YY7Ig

...

  • .