How to publish on GOV.UK

From
Government Digital Service
Updated
, see all updates

Images and videos

Format and upload an image to GOV.UK.

Images

Choosing an image

You can add images to the left hand side of:

  • news articles
  • speeches
  • case studies
  • fatality notices

You can add images to the body copy of:

  • news articles
  • speeches
  • case studies
  • fatality notices
  • detailed guides
  • consultations
  • groups
  • publications
  • HTML publications

Find out how to choose an image and check the copyright standards for GOV.UK.

Formatting an image

  1. You can upload jpg, png and gif files to GOV.UK.

  2. All images should be 960 pixels wide by 640 pixels high at 72 dpi (dots per inch). You can resize images using free software like GIMP or an online photo editor like PIXLR. Smaller file sizes mean that pages load faster, so reduce image file sizes as much as you can without affecting quality.

  3. For images with a white background – such as ministers’ portraits – add a light grey overlay to help them stand out from the website background.

  4. Avoid putting borders around images: the image should go right to the edge of the frame (called ‘full bleed’).

  5. Before uploading an image, give it a meaningful file name. This helps it to show up in search results. For example, jeremy-hunt-health-secretary.jpg is a good file name for a portrait of Jeremy Hunt, the Secretary of State for Health. Avoid meaningless file names like IMG00023.jpg.

Uploading an image

  1. Select ‘Edit draft’ on the document you want to add an image to.

  2. Click the ‘Choose File’ button and select the image you want to use.

  3. Add ‘Alt text’ and, if you want, a caption.

  4. When you’ve picked an image, another ‘New image’ box automatically appears so you can add more images.

  5. Click ‘Save and continue editing’ to make sure the images have uploaded correctly.

  6. All the images will now be assigned numbers and a Markdown code to use - the first is !!1, the second is !!2 and so on. This code can be used to make each image appear within your page.

  7. A pink error message will appear if the image is the wrong size or type.

Positioning images on a page

You can position images within a document using Markdown.

  1. Type !! and the image’s number at the point in the text where you’d like it to appear, with an empty line space above and below. In news stories, the first image (!!1) will appear in the left column of the news page, so you don’t need to place it in your text (if you do, it will not appear). The subsequent images can be positioned using !!2, !!3 etc.

  2. Save the document and your images will be placed in the text automatically.

  3. Check the images are in the right place by using the ‘Preview’ button.

  4. If you see a box with a cross in it, then your image is being virus checked, but it has uploaded correctly.

Attributing images

Always attribute images to their source, unless it’s an Open Government Licence (OGL) image. OGL images are covered by the statement at the foot of GOV.UK pages that All content is available under the Open Government Licence v2.0, except where otherwise stated.

The attribution text should appear at the bottom of the content page that the image is associated with. Note you can’t currently add attribution text to organisation pages.

For Creative Commons images, link to the original photo with the person’s name and link to this licence with the words ‘Creative Commons’. Like this:

(Photo above by John Smith on Flickr. Used under Creative Commons).

If possible, contact the person to check if it’s okay. And finally, think about the context: avoid showing identifiable people in connection with things that may cause offence.

Videos

Only YouTube videos can be embedded on to GOV.UK pages. You embed the video directly into your page using Markdown.