wp_get_attachment_image_url() – Function

Gets the URL of an image attachment.

Parameters

$attachment_idintrequired: Image attachment ID.
$sizestring|int[]optional: Image size. Accepts any registered image size name, or an array of width and height values in pixels (in that order). Default 'thumbnail'.
Default:'thumbnail'
$iconbooloptional: Whether the image should be treated as an icon.
Default:false

Return

string|false Attachment URL or false if no image is available. If $size does not match any registered image size, the original image URL will be returned.

Source

* @param string|int[] $size          Requested image size. Can be any registered image size name, or
*                                    an array of width and height values in pixels (in that order).
* @param bool         $icon          Whether the image should be treated as an icon.
* @param string[]     $attr          Array of attribute values for the image markup, keyed by attribute name.

View all references View on Trac View on GitHub

Changelog

Version	Description
4.4.0	Introduced.

User Contributed Notes

Skip to note 4 content

maidot 4 years ago

You must log in to vote on the helpfulness of this noteVote results for this note: 5You must log in to vote on the helpfulness of this note

For whoever, like me, is looking for the standard sizes, here they are:

thumbnail = Thumbnail (default 150px x 150px max)
medium = Medium resolution (default 300px x 300px max)
large = Large resolution (default 1024px x 1024px max)
full = Full resolution (original size uploaded)

Log in to add feedback

Rinku Y 10 years ago

add_theme_support( 'post-thumbnails' );
add_image_size( 'home-slide-img-mobile', 640, 1072, true ); //resize, crop in functions.php

Now let display somewhere:

$imgid = 6; //need to get it dynamically
$imgurldesktop = wp_get_attachment_image_url( $imgid, '' ); //use default image size
$imgurlmobile = wp_get_attachment_image_url( $imgid, 'home-slide-img-mobile' ); //use custom set size

Skip to note 6 content

David Elstob 5 years ago

You must log in to vote on the helpfulness of this noteVote results for this note: 1You must log in to vote on the helpfulness of this note
```
<?php $attachment_image = wp_get_attachment_url( get_post_thumbnail_id() ); ?>
<link rel="preload" as="image" href="<?php echo esc_url( $attachment_image ); ?>">
```
Add this snippet to the head section in header.php to preload the attachment image on every page/post.
- Recommend performing a check that the current page/post has a post thumbnail before adding the preload directive.
  
  crstauf 5 years ago
Log in to add feedback

wp_get_attachment_image_url( int $attachment_id, string|int[] $size = 'thumbnail', bool $icon = false ): string|false

In this article

Parameters

Return

Source

Changelog

User Contributed Notes