{"id":6,"date":"2020-05-06T23:51:08","date_gmt":"2020-05-06T23:51:08","guid":{"rendered":"https:\/\/sweepwidget.com\/docs\/?p=6"},"modified":"2026-01-18T20:01:02","modified_gmt":"2026-01-18T20:01:02","slug":"image-display-options","status":"publish","type":"post","link":"https:\/\/sweepwidget.com\/docs\/image-display-options","title":{"rendered":"Image Display Options"},"content":{"rendered":"\n<p>Add a featured image or YouTube video to your giveaway to make it more visually appealing and engaging. You can choose from multiple display formats to control how your media appears in the widget.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Why Add Featured Media<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Showcase your prize<\/strong> &#8211; Display product images or prize photos<\/li>\n\n\n\n<li><strong>Increase engagement<\/strong> &#8211; Visual content attracts more participants<\/li>\n\n\n\n<li><strong>Brand recognition<\/strong> &#8211; Use branded imagery to reinforce your identity<\/li>\n\n\n\n<li><strong>Explain the giveaway<\/strong> &#8211; Embed a YouTube video explaining how to enter<\/li>\n\n\n\n<li><strong>Build excitement<\/strong> &#8211; Show off what participants can win<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>How to Add Featured Media<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 1: Go to Design Settings<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Create or edit a giveaway<\/li>\n\n\n\n<li>Click on the <strong>Design<\/strong> tab in the left sidebar<\/li>\n\n\n\n<li>Find the section <strong>&#8220;Do you want to feature a photo or video?&#8221;<\/strong><\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"567\" src=\"https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/image-video-display-1-1024x567.png\" alt=\"\" class=\"wp-image-7510\" srcset=\"https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/image-video-display-1-1024x567.png 1024w, https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/image-video-display-1-300x166.png 300w, https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/image-video-display-1-768x425.png 768w, https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/image-video-display-1.png 1500w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 2: Choose Media Type<\/strong><\/h3>\n\n\n\n<p>Select either:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Image<\/strong> &#8211; Upload a photo or graphic<\/li>\n\n\n\n<li><strong>YouTube Video<\/strong> &#8211; Embed a YouTube video<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Adding an Image<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Upload Your Image<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Select <strong>Image<\/strong><\/li>\n\n\n\n<li>Click the <strong>+ Choose<\/strong> button<\/li>\n\n\n\n<li>Select an image from your computer<\/li>\n\n\n\n<li>The image will appear as a thumbnail preview<\/li>\n<\/ol>\n\n\n\n<p>To remove an image, click the <strong>X<\/strong> button on the thumbnail.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Choose Image Format<\/strong><\/h3>\n\n\n\n<p>After uploading, select an <strong>Image format option<\/strong> to control how the image displays in your widget:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Format<\/th><th>Description<\/th><th>Best For<\/th><\/tr><\/thead><tbody><tr><td><strong>Full Width<\/strong><\/td><td>Large image spanning the full width of the widget, displayed at the top<\/td><td>Hero images, banner graphics<\/td><\/tr><tr><td><strong>Small Left<\/strong><\/td><td>Small image floated to the left of the title and description<\/td><td>Product thumbnails, logos<\/td><\/tr><tr><td><strong>Small Right<\/strong><\/td><td>Small image floated to the right of the title and description<\/td><td>Product thumbnails, logos<\/td><\/tr><tr><td><strong>Small Above<\/strong><\/td><td>Small centered image between the title and description<\/td><td>Product shots, icons<\/td><\/tr><tr><td><strong>Small Below<\/strong><\/td><td>Small centered image below the description<\/td><td>Secondary visuals<\/td><\/tr><tr><td><strong>Medium Above<\/strong><\/td><td>Medium centered image between the title and description<\/td><td>Product photos, prize images<\/td><\/tr><tr><td><strong>Medium Below<\/strong><\/td><td>Medium centered image below the description<\/td><td>Product photos, prize images<\/td><\/tr><tr><td><strong>Custom Dimensions<\/strong><\/td><td>Specify exact width and\/or height in pixels<\/td><td>Precise sizing needs<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Image Format Examples<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Full Width<\/strong><\/h3>\n\n\n\n<p>The image spans the entire width of the widget and appears prominently at the top, below the countdown timer.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" width=\"813\" height=\"1024\" src=\"https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/display-full-width-813x1024.png\" alt=\"\" class=\"wp-image-7511\" style=\"width:600px\" srcset=\"https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/display-full-width-813x1024.png 813w, https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/display-full-width-238x300.png 238w, https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/display-full-width-768x968.png 768w, https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/display-full-width.png 1216w\" sizes=\"(max-width: 813px) 100vw, 813px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Small Left<\/strong><\/h3>\n\n\n\n<p>A small image floats to the left side, with the title and description wrapping around it on the right.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" width=\"1024\" height=\"851\" src=\"https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/display-small-left-1024x851.png\" alt=\"\" class=\"wp-image-7512\" style=\"width:600px\" srcset=\"https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/display-small-left-1024x851.png 1024w, https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/display-small-left-300x249.png 300w, https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/display-small-left-768x639.png 768w, https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/display-small-left.png 1210w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Small Right<\/strong><\/h3>\n\n\n\n<p>A small image floats to the right side, with the title and description on the left.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"845\" src=\"https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/display-small-right.png\" alt=\"\" class=\"wp-image-7514\" style=\"width:600px\" srcset=\"https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/display-small-right.png 1000w, https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/display-small-right-300x254.png 300w, https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/display-small-right-768x649.png 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Small Above<\/strong><\/h3>\n\n\n\n<p>A small centered image appears between the title and the description text.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"915\" src=\"https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/display-small-above.png\" alt=\"\" class=\"wp-image-7515\" style=\"width:600px\" srcset=\"https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/display-small-above.png 1000w, https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/display-small-above-300x275.png 300w, https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/display-small-above-768x703.png 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Small Below<\/strong><\/h3>\n\n\n\n<p>A small centered image appears below the description text.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"963\" src=\"https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/display-small-below.png\" alt=\"\" class=\"wp-image-7516\" style=\"width:600px\" srcset=\"https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/display-small-below.png 1000w, https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/display-small-below-300x289.png 300w, https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/display-small-below-768x740.png 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Medium Above<\/strong><\/h3>\n\n\n\n<p>A medium-sized centered image appears between the title and the description. Larger than &#8220;Small Above&#8221; but not full width.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"1012\" src=\"https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/display-medium-above.png\" alt=\"\" class=\"wp-image-7517\" style=\"width:600px\" srcset=\"https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/display-medium-above.png 1000w, https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/display-medium-above-296x300.png 296w, https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/display-medium-above-768x777.png 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Medium Below<\/strong><\/h3>\n\n\n\n<p>A medium-sized centered image appears below the description text.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"972\" height=\"1024\" src=\"https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/display-medium-below-972x1024.png\" alt=\"\" class=\"wp-image-7518\" style=\"width:600px\" srcset=\"https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/display-medium-below-972x1024.png 972w, https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/display-medium-below-285x300.png 285w, https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/display-medium-below-768x809.png 768w, https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/display-medium-below.png 1000w\" sizes=\"(max-width: 972px) 100vw, 972px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Custom Dimensions<\/strong><\/h2>\n\n\n\n<p>For precise control over image size, select <strong>Custom Dimensions<\/strong> to specify exact pixel values.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"846\" src=\"https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/display-custom-dimensions.png\" alt=\"\" class=\"wp-image-7519\" style=\"width:600px\" srcset=\"https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/display-custom-dimensions.png 1000w, https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/display-custom-dimensions-300x254.png 300w, https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/display-custom-dimensions-768x650.png 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>How to Use Custom Dimensions<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Field<\/th><th>Description<\/th><\/tr><\/thead><tbody><tr><td><strong>Image Width (in pixels)<\/strong><\/td><td>Set the width of the image<\/td><\/tr><tr><td><strong>Image Height (in pixels)<\/strong><\/td><td>Set the height of the image<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Proportional Sizing Tip<\/strong><\/h3>\n\n\n\n<p>To auto-size the image proportionally, fill in <strong>only<\/strong> the width OR height (leave the other blank or set to 0). The image will scale proportionally based on the dimension you specify.<\/p>\n\n\n\n<p><strong>Examples:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Width: 300, Height: 0 = Image scales to 300px wide, height adjusts proportionally<\/li>\n\n\n\n<li>Width: 0, Height: 200 = Image scales to 200px tall, width adjusts proportionally<\/li>\n\n\n\n<li>Width: 300, Height: 200 = Image forced to exactly 300&#215;200 (may distort)<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Adding a YouTube Video<\/strong><\/h2>\n\n\n\n<p>Embed a YouTube video directly in your giveaway widget.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>How to Add a YouTube Video<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Select <strong>YouTube Video<\/strong><\/li>\n\n\n\n<li>Paste the YouTube video URL in the <strong>YouTube video link<\/strong> field<\/li>\n\n\n\n<li>The video will embed at the top of your widget<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"566\" src=\"https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/image-video-display-2-1024x566.png\" alt=\"\" class=\"wp-image-7520\" srcset=\"https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/image-video-display-2-1024x566.png 1024w, https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/image-video-display-2-300x166.png 300w, https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/image-video-display-2-768x424.png 768w, https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/image-video-display-2.png 1500w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Accepted YouTube URL Formats<\/strong><\/h3>\n\n\n\n<p>You can use any standard YouTube URL format:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>https:\/\/www.youtube.com\/watch?v=VIDEO_ID<\/code><\/li>\n\n\n\n<li><code>https:\/\/youtu.be\/VIDEO_ID<\/code><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>YouTube Video Display<\/strong><\/h3>\n\n\n\n<p>YouTube videos display at full width at the top of the widget, below the countdown timer. Participants can play the video directly within the widget.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"942\" height=\"1024\" src=\"https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/display-youtube-942x1024.png\" alt=\"\" class=\"wp-image-7521\" style=\"width:600px\" srcset=\"https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/display-youtube-942x1024.png 942w, https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/display-youtube-276x300.png 276w, https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/display-youtube-768x835.png 768w, https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/display-youtube.png 1000w\" sizes=\"(max-width: 942px) 100vw, 942px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Image Recommendations<\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Aspect<\/th><th>Recommendation<\/th><\/tr><\/thead><tbody><tr><td><strong>File formats<\/strong><\/td><td>JPG, PNG, GIF, WebP<\/td><\/tr><tr><td><strong>Full Width size<\/strong><\/td><td>At least 800px wide for best quality<\/td><\/tr><tr><td><strong>Small\/Medium size<\/strong><\/td><td>300-500px wide<\/td><\/tr><tr><td><strong>File size<\/strong><\/td><td>Under 2MB for fast loading<\/td><\/tr><tr><td><strong>Aspect ratio<\/strong><\/td><td>Depends on format &#8211; square works well for Small Left\/Right<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Format Comparison<\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Format<\/th><th>Position<\/th><th>Size<\/th><th>Text Wrap<\/th><\/tr><\/thead><tbody><tr><td><strong>Full Width<\/strong><\/td><td>Top of widget<\/td><td>100% width<\/td><td>No<\/td><\/tr><tr><td><strong>Small Left<\/strong><\/td><td>Left side<\/td><td>Small<\/td><td>Yes &#8211; text on right<\/td><\/tr><tr><td><strong>Small Right<\/strong><\/td><td>Right side<\/td><td>Small<\/td><td>Yes &#8211; text on left<\/td><\/tr><tr><td><strong>Small Above<\/strong><\/td><td>Between title and description<\/td><td>Small<\/td><td>No &#8211; centered<\/td><\/tr><tr><td><strong>Small Below<\/strong><\/td><td>Below description<\/td><td>Small<\/td><td>No &#8211; centered<\/td><\/tr><tr><td><strong>Medium Above<\/strong><\/td><td>Between title and description<\/td><td>Medium<\/td><td>No &#8211; centered<\/td><\/tr><tr><td><strong>Medium Below<\/strong><\/td><td>Below description<\/td><td>Medium<\/td><td>No &#8211; centered<\/td><\/tr><tr><td><strong>Custom<\/strong><\/td><td>Above description<\/td><td>User-defined<\/td><td>No &#8211; centered<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Best Practices<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Use high-quality images<\/strong> &#8211; Blurry or pixelated images look unprofessional<\/li>\n\n\n\n<li><strong>Show the prize<\/strong> &#8211; Feature what participants can win<\/li>\n\n\n\n<li><strong>Match your brand<\/strong> &#8211; Use colors and styles consistent with your brand<\/li>\n\n\n\n<li><strong>Optimize file size<\/strong> &#8211; Compress images for faster loading<\/li>\n\n\n\n<li><strong>Test on mobile<\/strong> &#8211; Ensure images look good on smaller screens<\/li>\n\n\n\n<li><strong>Keep videos short<\/strong> &#8211; For YouTube videos, shorter is often better for engagement<\/li>\n\n\n\n<li><strong>Use Full Width for impact<\/strong> &#8211; Large images create visual impact<\/li>\n\n\n\n<li><strong>Use Small Left\/Right for subtlety<\/strong> &#8211; When the image shouldn&#8217;t dominate<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Use Cases<\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Scenario<\/th><th>Recommended Format<\/th><\/tr><\/thead><tbody><tr><td><strong>Product giveaway<\/strong><\/td><td>Full Width or Medium Above with product photo<\/td><\/tr><tr><td><strong>Gift card giveaway<\/strong><\/td><td>Small Above with gift card image<\/td><\/tr><tr><td><strong>Brand awareness<\/strong><\/td><td>Full Width with branded banner<\/td><\/tr><tr><td><strong>Tutorial\/explanation<\/strong><\/td><td>YouTube Video explaining the giveaway<\/td><\/tr><tr><td><strong>Minimal design<\/strong><\/td><td>Small Left\/Right or no image<\/td><\/tr><tr><td><strong>Multiple prizes<\/strong><\/td><td>Full Width collage image<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Notes<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Featured media is optional &#8211; you don&#8217;t need to add an image or video<\/li>\n\n\n\n<li>You can only have one featured media item (either image OR video, not both)<\/li>\n\n\n\n<li>YouTube videos always display at full width<\/li>\n\n\n\n<li>Images are responsive and adjust to different screen sizes<\/li>\n\n\n\n<li>The preview panel updates in real-time as you make changes<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Add a featured image or YouTube video to your giveaway to make it more visually appealing and engaging. You can choose from multiple display formats to control how your media appears in the widget. Why Add Featured Media How to Add Featured Media Step 1: Go to Design Settings Step 2: Choose Media Type Select either: Adding an Image Upload Your Image To remove an image, click the X button on the thumbnail. Choose Image Format After uploading, select an Image format option to control how the image displays in your widget: Format Description Best For Full Width Large image spanning the full width of the widget, displayed at the top Hero images, banner graphics Small Left Small image floated to the left of the title and description Product thumbnails, logos Small Right Small image floated to the right of the title and description Product thumbnails, logos Small Above Small centered image between the title and description Product shots, icons Small Below Small centered image below the description Secondary visuals Medium Above Medium centered image between the title and description Product photos, prize images Medium Below Medium centered image below the description Product photos, prize images Custom Dimensions Specify exact width and\/or height in pixels Precise sizing needs Image Format Examples Full Width The image spans the entire width of the widget and appears prominently at the top, below the countdown timer. Small Left A small image floats to the left side, with the title and description wrapping around it on the right. Small Right A small image floats to the right side, with the title and description on the left. Small Above A small centered image appears between the title and the description text. Small Below A small centered image appears below the description text. Medium Above A medium-sized centered image appears between the title and the description. Larger than &#8220;Small Above&#8221; but not full width. Medium Below A medium-sized centered image appears below the description text. Custom Dimensions For precise control over image size, select Custom Dimensions to specify exact pixel values. How to Use Custom Dimensions Field Description Image Width (in pixels) Set the width of the image Image Height (in pixels) Set the height of the image Proportional Sizing Tip To auto-size the image proportionally, fill in only the width OR height (leave the other blank or set to 0). The image will scale proportionally based on the dimension you specify. Examples: Adding a YouTube Video Embed a YouTube video directly in your giveaway widget. How to Add a YouTube Video Accepted YouTube URL Formats You can use any standard YouTube URL format: YouTube Video Display YouTube videos display at full width at the top of the widget, below the countdown timer. Participants can play the video directly within the widget. Image Recommendations Aspect Recommendation File formats JPG, PNG, GIF, WebP Full Width size At least 800px wide for best quality Small\/Medium size 300-500px wide File size Under 2MB for fast loading Aspect ratio Depends on format &#8211; square works well for Small Left\/Right Format Comparison Format Position Size Text Wrap Full Width Top of widget 100% width No Small Left Left side Small Yes &#8211; text on right Small Right Right side Small Yes &#8211; text on left Small Above Between title and description Small No &#8211; centered Small Below Below description Small No &#8211; centered Medium Above Between title and description Medium No &#8211; centered Medium Below Below description Medium No &#8211; centered Custom Above description User-defined No &#8211; centered Best Practices Use Cases Scenario Recommended Format Product giveaway Full Width or Medium Above with product photo Gift card giveaway Small Above with gift card image Brand awareness Full Width with branded banner Tutorial\/explanation YouTube Video explaining the giveaway Minimal design Small Left\/Right or no image Multiple prizes Full Width collage image Notes<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[71],"tags":[],"class_list":["post-6","post","type-post","status-publish","format-standard","hentry","category-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>SweepWidget Image Display Options<\/title>\n<meta name=\"description\" content=\"There are currently 8 different options on how to display your prize image with SweepWidget. This article shows you each example.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sweepwidget.com\/docs\/image-display-options\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"SweepWidget Image Display Options\" \/>\n<meta property=\"og:description\" content=\"There are currently 8 different options on how to display your prize image with SweepWidget. This article shows you each example.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sweepwidget.com\/docs\/image-display-options\" \/>\n<meta property=\"og:site_name\" content=\"SweepWidget Help Docs\" \/>\n<meta property=\"article:published_time\" content=\"2020-05-06T23:51:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-18T20:01:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/image-video-display-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1500\" \/>\n\t<meta property=\"og:image:height\" content=\"830\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"SweepWidget\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"SweepWidget\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/sweepwidget.com\\\/docs\\\/image-display-options#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/sweepwidget.com\\\/docs\\\/image-display-options\"},\"author\":{\"name\":\"SweepWidget\",\"@id\":\"https:\\\/\\\/sweepwidget.com\\\/docs\\\/#\\\/schema\\\/person\\\/4cca2bc9c600116750eca1bfff6648e0\"},\"headline\":\"Image Display Options\",\"datePublished\":\"2020-05-06T23:51:08+00:00\",\"dateModified\":\"2026-01-18T20:01:02+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/sweepwidget.com\\\/docs\\\/image-display-options\"},\"wordCount\":949,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/sweepwidget.com\\\/docs\\\/image-display-options#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/sweepwidget.com\\\/docs\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/image-video-display-1-1024x567.png\",\"articleSection\":[\"Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/sweepwidget.com\\\/docs\\\/image-display-options\",\"url\":\"https:\\\/\\\/sweepwidget.com\\\/docs\\\/image-display-options\",\"name\":\"SweepWidget Image Display Options\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/sweepwidget.com\\\/docs\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/sweepwidget.com\\\/docs\\\/image-display-options#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/sweepwidget.com\\\/docs\\\/image-display-options#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/sweepwidget.com\\\/docs\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/image-video-display-1-1024x567.png\",\"datePublished\":\"2020-05-06T23:51:08+00:00\",\"dateModified\":\"2026-01-18T20:01:02+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/sweepwidget.com\\\/docs\\\/#\\\/schema\\\/person\\\/4cca2bc9c600116750eca1bfff6648e0\"},\"description\":\"There are currently 8 different options on how to display your prize image with SweepWidget. This article shows you each example.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/sweepwidget.com\\\/docs\\\/image-display-options#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/sweepwidget.com\\\/docs\\\/image-display-options\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/sweepwidget.com\\\/docs\\\/image-display-options#primaryimage\",\"url\":\"https:\\\/\\\/sweepwidget.com\\\/docs\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/image-video-display-1.png\",\"contentUrl\":\"https:\\\/\\\/sweepwidget.com\\\/docs\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/image-video-display-1.png\",\"width\":1500,\"height\":830},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/sweepwidget.com\\\/docs\\\/image-display-options#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/sweepwidget.com\\\/docs\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Image Display Options\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/sweepwidget.com\\\/docs\\\/#website\",\"url\":\"https:\\\/\\\/sweepwidget.com\\\/docs\\\/\",\"name\":\"SweepWidget Help Docs\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/sweepwidget.com\\\/docs\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/sweepwidget.com\\\/docs\\\/#\\\/schema\\\/person\\\/4cca2bc9c600116750eca1bfff6648e0\",\"name\":\"SweepWidget\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/08ae098bc2290a9a645af1c26ddd7704f98d09c88bf65a55b5c4bc1e585f31f4?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/08ae098bc2290a9a645af1c26ddd7704f98d09c88bf65a55b5c4bc1e585f31f4?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/08ae098bc2290a9a645af1c26ddd7704f98d09c88bf65a55b5c4bc1e585f31f4?s=96&d=mm&r=g\",\"caption\":\"SweepWidget\"},\"sameAs\":[\"https:\\\/\\\/sweepwidget.com\\\/docs\"],\"url\":\"https:\\\/\\\/sweepwidget.com\\\/docs\\\/author\\\/sweepwidget\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"SweepWidget Image Display Options","description":"There are currently 8 different options on how to display your prize image with SweepWidget. This article shows you each example.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/sweepwidget.com\/docs\/image-display-options","og_locale":"en_US","og_type":"article","og_title":"SweepWidget Image Display Options","og_description":"There are currently 8 different options on how to display your prize image with SweepWidget. This article shows you each example.","og_url":"https:\/\/sweepwidget.com\/docs\/image-display-options","og_site_name":"SweepWidget Help Docs","article_published_time":"2020-05-06T23:51:08+00:00","article_modified_time":"2026-01-18T20:01:02+00:00","og_image":[{"width":1500,"height":830,"url":"https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/image-video-display-1.png","type":"image\/png"}],"author":"SweepWidget","twitter_card":"summary_large_image","twitter_misc":{"Written by":"SweepWidget","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/sweepwidget.com\/docs\/image-display-options#article","isPartOf":{"@id":"https:\/\/sweepwidget.com\/docs\/image-display-options"},"author":{"name":"SweepWidget","@id":"https:\/\/sweepwidget.com\/docs\/#\/schema\/person\/4cca2bc9c600116750eca1bfff6648e0"},"headline":"Image Display Options","datePublished":"2020-05-06T23:51:08+00:00","dateModified":"2026-01-18T20:01:02+00:00","mainEntityOfPage":{"@id":"https:\/\/sweepwidget.com\/docs\/image-display-options"},"wordCount":949,"commentCount":0,"image":{"@id":"https:\/\/sweepwidget.com\/docs\/image-display-options#primaryimage"},"thumbnailUrl":"https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/image-video-display-1-1024x567.png","articleSection":["Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/sweepwidget.com\/docs\/image-display-options","url":"https:\/\/sweepwidget.com\/docs\/image-display-options","name":"SweepWidget Image Display Options","isPartOf":{"@id":"https:\/\/sweepwidget.com\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sweepwidget.com\/docs\/image-display-options#primaryimage"},"image":{"@id":"https:\/\/sweepwidget.com\/docs\/image-display-options#primaryimage"},"thumbnailUrl":"https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/image-video-display-1-1024x567.png","datePublished":"2020-05-06T23:51:08+00:00","dateModified":"2026-01-18T20:01:02+00:00","author":{"@id":"https:\/\/sweepwidget.com\/docs\/#\/schema\/person\/4cca2bc9c600116750eca1bfff6648e0"},"description":"There are currently 8 different options on how to display your prize image with SweepWidget. This article shows you each example.","breadcrumb":{"@id":"https:\/\/sweepwidget.com\/docs\/image-display-options#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sweepwidget.com\/docs\/image-display-options"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sweepwidget.com\/docs\/image-display-options#primaryimage","url":"https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/image-video-display-1.png","contentUrl":"https:\/\/sweepwidget.com\/docs\/wp-content\/uploads\/2020\/05\/image-video-display-1.png","width":1500,"height":830},{"@type":"BreadcrumbList","@id":"https:\/\/sweepwidget.com\/docs\/image-display-options#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sweepwidget.com\/docs\/"},{"@type":"ListItem","position":2,"name":"Image Display Options"}]},{"@type":"WebSite","@id":"https:\/\/sweepwidget.com\/docs\/#website","url":"https:\/\/sweepwidget.com\/docs\/","name":"SweepWidget Help Docs","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sweepwidget.com\/docs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/sweepwidget.com\/docs\/#\/schema\/person\/4cca2bc9c600116750eca1bfff6648e0","name":"SweepWidget","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/08ae098bc2290a9a645af1c26ddd7704f98d09c88bf65a55b5c4bc1e585f31f4?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/08ae098bc2290a9a645af1c26ddd7704f98d09c88bf65a55b5c4bc1e585f31f4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/08ae098bc2290a9a645af1c26ddd7704f98d09c88bf65a55b5c4bc1e585f31f4?s=96&d=mm&r=g","caption":"SweepWidget"},"sameAs":["https:\/\/sweepwidget.com\/docs"],"url":"https:\/\/sweepwidget.com\/docs\/author\/sweepwidget"}]}},"_links":{"self":[{"href":"https:\/\/sweepwidget.com\/docs\/wp-json\/wp\/v2\/posts\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sweepwidget.com\/docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sweepwidget.com\/docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sweepwidget.com\/docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sweepwidget.com\/docs\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":12,"href":"https:\/\/sweepwidget.com\/docs\/wp-json\/wp\/v2\/posts\/6\/revisions"}],"predecessor-version":[{"id":7522,"href":"https:\/\/sweepwidget.com\/docs\/wp-json\/wp\/v2\/posts\/6\/revisions\/7522"}],"wp:attachment":[{"href":"https:\/\/sweepwidget.com\/docs\/wp-json\/wp\/v2\/media?parent=6"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sweepwidget.com\/docs\/wp-json\/wp\/v2\/categories?post=6"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sweepwidget.com\/docs\/wp-json\/wp\/v2\/tags?post=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}