Restrict size of custom background image

There are two parts to the answer:

  1. You can set the size of images using add_image_size. This is done in your functions.php.

    add_image_size( 'background-image', 900, 500 ); //900 px wide 500px high - no crop

  2. Once this is set you will need to regenerate your thumbnails. There are number of great plug-ins that can help you with that task. After you add the new image size all future imports will be sized correctly. Now to use it you can call the WordPress thumbnail:

    the_post_thumbnail('background-image');

Depending on how you saved the image, you may need to use another method to recall the image size but there are a number of ways to do this.

Related Posts:

  1. Change background color with a dominant from picture
  2. Is this possible to attach the background image to a div instead of body?
  3. Implementing “Random” to custom-background
  4. How to remove custom background?
  5. Custom Background not Appearing
  6. Change background image per page
  7. Add custom background to section in home page
  8. Blank/White on certain parts of pages
  9. Custom Background default color not changing
  10. How to change the background color that appears at top when we pull down a website on mobile device?
  11. Inserting a background-image
  12. Add border/background color/color text of embedded pop-up [closed]
  13. Jumbotron not showing up on Firefox or Safari
  14. Custom Background: Can’t Set Color Default
  15. background not fixed and scaled on iPhone (but working on every other device)
  16. featured image as background image on pages
  17. How do I add settings to the Background Options Page?
  18. How WP_Customize_Background_Image_Control is supposed to work?
  19. How to get attachment id of background image?
  20. Add custom background to div in home page
  21. Display custom_background outside wp_head()
  22. FireFox Inspector :: find CSS file related to
  23. Multiple Custom_Background, is it possible?
  24. Custom background for the index page only?
  25. Get background color for Live Preview with Theme Customization API?
  26. @wordpress/create-block image url in css
  27. Custom Background-Image not showing up
  28. How to add background image control to page admin controls?
  29. How to customize a divs background dynamically using Advanced Custom Fields Plugin?
  30. Weekly background code not working
  31. Rotating background images with admin options
  32. Add Custom Background Properties to Customizer
  33. How to handle a background-size: cover image in WordPress?
  34. Background image not appearing
  35. Custom header tiling?
  36. Custom Background by Page IDs
  37. Using featured img as div background
  38. Different background images on different sites [closed]
  39. Change background color of subpages
  40. I can’t change the body background-color through style.css
  41. Is there any way to register custom background images like header images?
  42. HowTo: develop WP template with dynamic background image
  43. Placing background image over section divider
  44. Section Background Images?
  45. How to use WP Theme Option: Custom_Backgrounds on specific element?
  46. override a css style [closed]
  47. Change the background of each post according to the category
  48. Random sidebar/widget background
  49. How to change the background color of my header dynamically based on a Custom Posts types color value?
  50. Random home page background images with caption text
  51. Display background color or image with custom meta box?
  52. Post to inherit custom category background image from parent
  53. Background image no longer fits to screen now that project is in php files
  54. Fullscreen Page Background without Plugin [closed]
  55. Structuring Nav Menu and Background Custom page (Help)
  56. I would like to set a FULL SCREEN background image to all my pages (same way it is on my home page)
  57. How to change background image
  58. Change background image page header overlay for each category
  59. Fetch customizer image and output as an inline css style background image
  60. Setting multiple videos for the video background
  61. Custom Background for each page and post
  62. Setting up Custom Background [closed]
  63. Featured Image as Background with Offset
  64. Change Background Color For CPT Template
  65. Return value of get_background_color
  66. custom-background callback breaks media uploader
  67. Different body image backgrounds on different pages, posts and categories
  68. Inline Styling a div from a Custom Metabox
  69. Featured image url
  70. add class to background image
  71. Replaceing _custom_background_cb
  72. Why, when it comes to custom background and image, does ‘The first value registered’ win?
  73. Removing backstretch image from pages/posts
  74. background_image support multiple image size?
  75. Create a body div using CSS [closed]
  76. Problems Replacing Background Color with Static Background Image in Responsive Design
  77. default custom background image not saved in database when creating a new site
  78. How to insert a clickable and fixed background [duplicate]
  79. Custom background for the index page only?
  80. How to Disable Color Options?
  81. change with CSS the color of an svg background image set with “background-image: url()”
  82. Featured image as background in a div using headway
  83. Change background image based on tags
  84. background changed after WordPress update
  85. Custom background not showing
  86. Placing a background image with text over it
  87. Post interior margin in twenty eleven theme
  88. how to change background color of my all post