How to unlock width and height in photoshop

Open the image to edit in Photoshop.
Click the “Image” menu and then the “Image Size” option to open the Image Size dialog box.

Best answer for this question, how do I adjust width and height in Photoshop? <p class="toc_title">Contents</p><ul class="toc_list"><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li></ul></div> <h2><span id="How_do_I_resize_an_image">How do I resize an image?</span></h2> </p> <ol> <li>Upload. Upload your JPG or PNG to our image resizer.</li> <li>Resize. Choose a size template based on the social platform or add your own.</li> <li>Download. Instantly download your resized image.</li> </ol> <div style="clear:both; margin-top:0em; margin-bottom:1em;"><a href="https://www.thepicpedia.com/photoshop/how-to-add-oil-paint-filter-in-photoshop/" target="_blank" rel="dofollow" class="ued697bbe33fb5632a6bf3bfffd965a7b"><style> .ued697bbe33fb5632a6bf3bfffd965a7b , .ued697bbe33fb5632a6bf3bfffd965a7b .postImageUrl , .ued697bbe33fb5632a6bf3bfffd965a7b .centered-text-area { min-height: 80px; position: relative; } .ued697bbe33fb5632a6bf3bfffd965a7b , .ued697bbe33fb5632a6bf3bfffd965a7b:hover , .ued697bbe33fb5632a6bf3bfffd965a7b:visited , .ued697bbe33fb5632a6bf3bfffd965a7b:active { border:0!important; } .ued697bbe33fb5632a6bf3bfffd965a7b .clearfix:after { content: ""; display: table; clear: both; } .ued697bbe33fb5632a6bf3bfffd965a7b { display: block; transition: background-color 250ms; webkit-transition: background-color 250ms; width: 100%; opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; background-color: #E67E22; } .ued697bbe33fb5632a6bf3bfffd965a7b:active , .ued697bbe33fb5632a6bf3bfffd965a7b:hover { opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; background-color: #D35400; } .ued697bbe33fb5632a6bf3bfffd965a7b .centered-text-area { width: 100%; position: relative; } .ued697bbe33fb5632a6bf3bfffd965a7b .ctaText { border-bottom: 0 solid #fff; color: #ECF0F1; font-size: 16px; font-weight: bold; margin: 0; padding: 0; text-decoration: underline; } .ued697bbe33fb5632a6bf3bfffd965a7b .postTitle { color: #2C3E50; font-size: 16px; font-weight: 600; margin: 0; padding: 0; width: 100%; } .ued697bbe33fb5632a6bf3bfffd965a7b .ctaButton { background-color: #D35400!important; color: #ECF0F1; border: none; border-radius: 3px; box-shadow: none; font-size: 14px; font-weight: bold; line-height: 26px; moz-border-radius: 3px; text-align: center; text-decoration: none; text-shadow: none; width: 80px; min-height: 80px; background: url(https://www.thepicpedia.com/wp-content/plugins/intelly-related-posts/assets/images/simple-arrow.png)no-repeat; position: absolute; right: 0; top: 0; } .ued697bbe33fb5632a6bf3bfffd965a7b:hover .ctaButton { background-color: #E67E22!important; } .ued697bbe33fb5632a6bf3bfffd965a7b .centered-text { display: table; height: 80px; padding-left: 18px; top: 0; } .ued697bbe33fb5632a6bf3bfffd965a7b .ued697bbe33fb5632a6bf3bfffd965a7b-content { display: table-cell; margin: 0; padding: 0; padding-right: 108px; position: relative; vertical-align: middle; width: 100%; } .ued697bbe33fb5632a6bf3bfffd965a7b:after { content: ""; display: block; clear: both; } </style><div class="centered-text-area"><div class="centered-text" style="float: left;"><div class="ued697bbe33fb5632a6bf3bfffd965a7b-content"><span class="ctaText">See also</span>  <span class="postTitle">How to add oil paint filter in photoshop</span></div></div></div><div class="ctaButton"></div></a></div></p> <h2><span id="How_do_I_resize_a_photo_percentage">How do I resize a photo percentage?</span></h2> </p><div class="stream-item stream-item-in-post stream-item-inline-post aligncenter"><div class="stream-item-size" style=""> <script type="rocketlazyloadscript" data-rocket-type="text/javascript"> atOptions = { 'key' : '02333285d48af3e246e665a3f4efebf6', 'format' : 'iframe', 'height' : 250, 'width' : 300, 'params' : {} }; document.write('<scr' + 'ipt type="text/javascript" src="http' + (location.protocol === 'https:' ? 's' : '') + '://www.highperformancedisplayformat.com/02333285d48af3e246e665a3f4efebf6/invoke.js"></scr' + 'ipt>'); </script></div></div> <p>Resizing the image using a percentage is done the same way as if you were using pixel values. Just double-click inside the Width or Height value box and type in a new percentage. When you’re done, click the OK button and Photoshop will resize the image to whatever percent value you entered.</p> <h2><span id="How_do_I_resize_a_PNG_image">How do I resize a PNG image?</span></h2> </p> <ol> <li>Open Raw.pics.io resizer by clicking START.</li> <li>Select PNG file that needs resizing.</li> <li>Click Save.</li> <li>Change the image size in pixels age the way you like: by the largest side, by height, or by width. By doing this, the proportions of the photo will not be distorted.</li> <li>Download resized PNGs where you want.</li> </ol> </p> <h2><span id="How_do_I_resize_and_keep_aspect_ratio">How do I resize and keep aspect ratio?</span></h2> </p><div class="stream-item stream-item-in-post stream-item-inline-post aligncenter"><div class="stream-item-size" style=""> <script type="rocketlazyloadscript" data-rocket-type="text/javascript"> atOptions = { 'key' : '02333285d48af3e246e665a3f4efebf6', 'format' : 'iframe', 'height' : 250, 'width' : 300, 'params' : {} }; document.write('<scr' + 'ipt type="text/javascript" src="http' + (location.protocol === 'https:' ? 's' : '') + '://www.highperformancedisplayformat.com/02333285d48af3e246e665a3f4efebf6/invoke.js"></scr' + 'ipt>'); </script></div></div> <p>Press-and-hold the Shift key, grab a corner point, and drag inward to resize the selection area. Because you’re holding the Shift key as you scale, the aspect ratio (the same ratio as your original photo) remains exactly the same.</p> <h2><span id="How_do_I_change_the_width_and_height_of_a_picture">How do I change the width and height of a picture?</span></h2> </p><div class="stream-item stream-item-in-post stream-item-inline-post aligncenter"><div class="stream-item-size" style=""><script type="rocketlazyloadscript" data-rocket-type="text/javascript"> atOptions = { 'key' : '02333285d48af3e246e665a3f4efebf6', 'format' : 'iframe', 'height' : 250, 'width' : 300, 'params' : {} }; document.write('<scr' + 'ipt type="text/javascript" src="http' + (location.protocol === 'https:' ? 's' : '') + '://www.highperformancedisplayformat.com/02333285d48af3e246e665a3f4efebf6/invoke.js"></scr' + 'ipt>'); </script></div></div> <ol> <li>Choose Image > Image Size.</li> <li>Measure width and height in pixels for images you plan to use online or in inches (or centimeters) for images to print. Keep the link icon highlighted to preserve proportions. </li> <li>Select Resample to change the number of pixels in the image. This changes the image size.</li> <li>Click OK.</li> </ol> </p> <h2><span id="How_do_I_resize_an_image_without_stretching_it">How do I resize an image without stretching it?</span></h2> </p> <p>Use the Content-Aware Scale to resize UI Elements The smartest way to do it is to use the Content-Aware Scale without removing or adding parts of the image. Select the UI element layer and choose Edit > Content-Aware Scale. Then, click-and-drag the UI element into the white space.</p> <h2><span id="How_do_I_resize_an_image_without_losing_quality">How do I resize an image without losing quality?</span></h2> </p> <ol> <li>Upload the image. With most image resizing tools, you can drag and drop an image or upload it from your computer. </li> <li>Type in the width and height dimensions. </li> <li>Compress the image. </li> <li>Download the resized image. </li> <li>Adobe Photoshop Express. </li> <li>Resizing. </li> <li>BeFunky. </li> <li>PicResize.</li> </ol> </p> <h2><span id="What_is_Ctrl_B_in_Photoshop">What is Ctrl B in Photoshop?</span></h2> </p><div class="stream-item stream-item-in-post stream-item-inline-post aligncenter"><div class="stream-item-size" style=""> <script type="rocketlazyloadscript" data-rocket-type="text/javascript"> atOptions = { 'key' : '02333285d48af3e246e665a3f4efebf6', 'format' : 'iframe', 'height' : 250, 'width' : 300, 'params' : {} }; document.write('<scr' + 'ipt type="text/javascript" src="http' + (location.protocol === 'https:' ? 's' : '') + '://www.highperformancedisplayformat.com/02333285d48af3e246e665a3f4efebf6/invoke.js"></scr' + 'ipt>'); </script></div></div> <p>Color Balance – Color Balance is another thing very useful for photo manipulation. Ctrl + B is the shortcut for this. Desaturate – If you quickly want to desaturate, press Ctrl + Shift + U.</p> <h2><span id="How_do_I_resize_a_selection_in_Photoshop">How do I resize a selection in Photoshop?</span></h2> </p> <p>To resize a layer or a selected object within a layer, select “Transform” from the Edit menu and click “Scale.” Eight square anchor points appear around the object. Drag any of these anchor points to resize the object. If you want to constrain the proportions, hold down the “Shift” key while dragging.</p> <h2><span id="What_is_the_shortcut_to_resize_in_Photoshop">What is the shortcut to resize in Photoshop?</span></h2> </p> <p>To resize an image or selection, hold down Shift, then drag any of the corner handles.</p> <h2><span id="How_do_I_resize_an_artboard_in_Photoshop">How do I resize an artboard in Photoshop?</span></h2> </p> <ol> <li>Draw the artboard on the canvas.</li> <li>Resize the artboard if necessary. From the tool options bar, select a preset size from the Size pop-up menu. Alternatively, you can leave the artboard custom-sized.</li> </ol></p> <div class="crp_related crp-text-only"><h3>People also ask:</h3><ul><li><a href="https://www.thepicpedia.com/photoshop/how-to-adjust-width-and-height-in-photoshop/" class="crp_link post-3574"><span class="crp_title">How to adjust width and height in photoshop</span></a></li><li><a href="https://www.thepicpedia.com/photoshop/how-to-check-width-and-height-in-photoshop/" class="crp_link post-4550"><span class="crp_title">How to check width and height in photoshop</span></a></li><li><a href="https://www.thepicpedia.com/photoshop/how-to-resize-width-and-height-in-photoshop/" class="crp_link post-11941"><span class="crp_title">How to resize width and height in photoshop</span></a></li><li><a href="https://www.thepicpedia.com/photoshop/how-to-set-width-and-height-in-photoshop/" class="crp_link post-12398"><span class="crp_title">How to set width and height in photoshop</span></a></li><li><a href="https://www.thepicpedia.com/photoshop/how-to-reduce-image-width-and-height-in-photoshop/" class="crp_link post-13733"><span class="crp_title">How to reduce image width and height in photoshop</span></a></li><li><a href="https://www.thepicpedia.com/photoshop/how-to-resize-height-and-width-of-image-in-photoshop_/" class="crp_link post-22809"><span class="crp_title">How to resize height and width of image in photoshop_</span></a></li></ul><div class="crp_clear"></div></div> <div class="stream-item stream-item-below-post-content"><div class="stream-item-size" style=""><script type="rocketlazyloadscript" data-rocket-type="text/javascript"> atOptions = { 'key' : '02333285d48af3e246e665a3f4efebf6', 'format' : 'iframe', 'height' : 250, 'width' : 300, 'params' : {} }; document.write('<scr' + 'ipt type="text/javascript" src="http' + (location.protocol === 'https:' ? 's' : '') + '://www.highperformancedisplayformat.com/02333285d48af3e246e665a3f4efebf6/invoke.js"></scr' + 'ipt>'); </script></div></div> </div> <div id="post-extra-info"> <div class="theiaStickySidebar"> </div> </div> <div class="clearfix"></div> <script id="tie-schema-json" type="application/ld+json">{"@context":"http:\/\/schema.org","@type":"BlogPosting","dateCreated":"2021-10-10T22:21:27+00:00","datePublished":"2021-10-10T22:21:27+00:00","dateModified":"2021-10-10T22:21:27+00:00","headline":"How to unlock width and height in photoshop","name":"How to unlock width and height in photoshop","keywords":[],"url":"https:\/\/www.thepicpedia.com\/photoshop\/how-to-unlock-width-and-height-in-photoshop\/","description":"Open the image to edit in Photoshop.Click the \u201cImage\u201d menu and then the \u201cImage Size\u201d option to open the Image Size dialog box. Best answer for this question, how do I adjust width and height in Photos","copyrightYear":"2021","articleSection":"Photoshop","articleBody":"Open the image to edit in Photoshop.Click the \u201cImage\u201d menu and then the \u201cImage Size\u201d option to open the Image Size dialog box. Best answer for this question, how do I adjust width and height in Photoshop? Quick Answer, how do I unlock image proportions in Photoshop? In previous versions of Photoshop, we had to press and hold the Shift key as we dragged a handle to lock the aspect ratio in place. But in CC 2019 and CC 2020, the aspect ratio is locked automatically. Holding Shift while dragging a handle scales the image non-proportionally.Additionally, how do I change the height without changing the width in Photoshop? Choose Image > Resize > Image Size.Make sure that Resample Image is deselected. To maintain the current aspect ratio, select Constrain Proportions. Under Document Size, enter new values for the height and width. For Resolution, enter a new value.Likewise, what is a width and height in Photoshop? The width and height of an image, in pixels, are known as its pixel dimensions, and in Photoshop CC, we can view them next to the word Dimensions near the top of the dialog box.Select the layer you want to resize. Go to \"Edit\" on your top menu bar and then click \"Free Transform.\" The resize bars will pop up over the layer. Drag and drop the layer to your desired size. Mark the check mark in the top options bar.How do I resize an image?Upload. Upload your JPG or PNG to our image resizer.Resize. Choose a size template based on the social platform or add your own.Download. Instantly download your resized image.How do I resize a photo percentage?Resizing the image using a percentage is done the same way as if you were using pixel values. Just double-click inside the Width or Height value box and type in a new percentage. When you're done, click the OK button and Photoshop will resize the image to whatever percent value you entered.How do I resize a PNG image?Open Raw.pics.io resizer by clicking START.Select PNG file that needs resizing.Click Save.Change the image size in pixels age the way you like: by the largest side, by height, or by width. By doing this, the proportions of the photo will not be distorted.Download resized PNGs where you want.How do I resize and keep aspect ratio?Press-and-hold the Shift key, grab a corner point, and drag inward to resize the selection area. Because you're holding the Shift key as you scale, the aspect ratio (the same ratio as your original photo) remains exactly the same.How do I change the width and height of a picture?Choose Image > Image Size.Measure width and height in pixels for images you plan to use online or in inches (or centimeters) for images to print. Keep the link icon highlighted to preserve proportions. Select Resample to change the number of pixels in the image. This changes the image size.Click OK.How do I resize an image without stretching it?Use the Content-Aware Scale to resize UI Elements The smartest way to do it is to use the Content-Aware Scale without removing or adding parts of the image. Select the UI element layer and choose Edit > Content-Aware Scale. Then, click-and-drag the UI element into the white space.How do I resize an image without losing quality?Upload the image. With most image resizing tools, you can drag and drop an image or upload it from your computer. Type in the width and height dimensions. Compress the image. Download the resized image. Adobe Photoshop Express. Resizing. BeFunky. PicResize.What is Ctrl B in Photoshop?Color Balance \u2013 Color Balance is another thing very useful for photo manipulation. Ctrl + B is the shortcut for this. Desaturate \u2013 If you quickly want to desaturate, press Ctrl + Shift + U.How do I resize a selection in Photoshop?To resize a layer or a selected object within a layer, select \"Transform\" from the Edit menu and click \"Scale.\" Eight square anchor points appear around the object. Drag any of these anchor points to resize the object. If you want to constrain the proportions, hold down the \"Shift\" key while dragging.What is the shortcut to resize in Photoshop?To resize an image or selection, hold down Shift, then drag any of the corner handles.How do I resize an artboard in Photoshop?Draw the artboard on the canvas.Resize the artboard if necessary. From the tool options bar, select a preset size from the Size pop-up menu. Alternatively, you can leave the artboard custom-sized.","publisher":{"@id":"#Publisher","@type":"Organization","name":"ThePicPedia","logo":{"@type":"ImageObject","url":"https:\/\/www.thepicpedia.com\/wp-content\/uploads\/2021\/10\/logo-picpedia-21-23.png"}},"sourceOrganization":{"@id":"#Publisher"},"copyrightHolder":{"@id":"#Publisher"},"mainEntityOfPage":{"@type":"WebPage","@id":"https:\/\/www.thepicpedia.com\/photoshop\/how-to-unlock-width-and-height-in-photoshop\/","breadcrumb":{"@id":"#Breadcrumb"}},"author":{"@type":"Person","name":"PicPediaNow","url":"https:\/\/www.thepicpedia.com\/author\/PicPediaNow\/"}}</script> </article> <div class="post-components"> </div> </div> <aside class="sidebar tie-col-md-4 tie-col-xs-12 normal-side is-sticky" aria-label="Primary Sidebar"> <div class="theiaStickySidebar"> <div id="stream-item-widget-5" class="container-wrapper widget stream-item-widget"><div class="stream-item-widget-content"><script type="rocketlazyloadscript" data-minify="1" data-rocket-type='text/javascript' data-rocket-src='https://www.thepicpedia.com/wp-content/cache/min/1/0a/bf/8e/0abf8e01281b4b35594ac4ad440f69e0.js?ver=1669622695' defer></script></div><div class="clearfix"></div></div><div id="search-2" class="container-wrapper widget widget_search"><form role="search" method="get" class="search-form" action="https://www.thepicpedia.com/"> <label> <span class="screen-reader-text">Search for:</span> <input type="search" class="search-field" placeholder="Search …" value="" name="s" /> </label> <input type="submit" class="search-submit" value="Search" /> </form><div class="clearfix"></div></div><div id="stream-item-widget-3" class="container-wrapper widget stream-item-widget"><div class="stream-item-widget-content"><script type="rocketlazyloadscript" data-rocket-type="text/javascript"> atOptions = { 'key' : '6bba62dd3f38a9f11864dcf92b84d482', 'format' : 'iframe', 'height' : 300, 'width' : 160, 'params' : {} }; document.write('<scr' + 'ipt type="text/javascript" src="http' + (location.protocol === 'https:' ? 's' : '') + '://www.highperformancedisplayformat.com/6bba62dd3f38a9f11864dcf92b84d482/invoke.js"></scr' + 'ipt>'); </script></div><div class="clearfix"></div></div><div id="posts-list-widget-3" class="container-wrapper widget posts-list"><div class="widget-title the-global-title"><div class="the-subtitle">Trending</div></div><div class="widget-posts-list-wrapper"><div class="widget-posts-list-container" ><ul class="posts-list-items widget-posts-wrapper"> <li class="widget-single-post-item widget-post-list tie-standard"> <div class="post-widget-thumbnail"> <a aria-label="Make Obama’s Hope poster using Photoshop" href="https://www.thepicpedia.com/blog/tutorials/make-obamas-hope-poster-using-photoshop/" class="post-thumb"> <div class="post-thumb-overlay-wrap"> <div class="post-thumb-overlay"> <span class="tie-icon tie-media-icon"></span> </div> </div> <img width="220" height="150" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20220%20150'%3E%3C/svg%3E" class="attachment-jannah-image-small size-jannah-image-small tie-small-image wp-post-image" alt="Make Obama's Hope poster using Photoshop" decoding="async" data-lazy-src="https://www.thepicpedia.com/wp-content/uploads/2021/11/1637862789_Make-Obamas-Hope-poster-using-Photoshop-220x150.jpg" /><noscript><img width="220" height="150" src="https://www.thepicpedia.com/wp-content/uploads/2021/11/1637862789_Make-Obamas-Hope-poster-using-Photoshop-220x150.jpg" class="attachment-jannah-image-small size-jannah-image-small tie-small-image wp-post-image" alt="Make Obama's Hope poster using Photoshop" decoding="async" /></noscript></a> </div> <div class="post-widget-body "> <a class="post-title the-subtitle" href="https://www.thepicpedia.com/blog/tutorials/make-obamas-hope-poster-using-photoshop/">Make Obama’s Hope poster using Photoshop</a> <div class="post-meta"> </div> </div> </li> <li class="widget-single-post-item widget-post-list tie-standard"> <div class="post-widget-thumbnail"> <a aria-label="Red and Blue Effect with Photoshop" href="https://www.thepicpedia.com/blog/tutorials/red-and-blue-effect-with-photoshop/" class="post-thumb"> <div class="post-thumb-overlay-wrap"> <div class="post-thumb-overlay"> <span class="tie-icon tie-media-icon"></span> </div> </div> <img width="220" height="150" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20220%20150'%3E%3C/svg%3E" class="attachment-jannah-image-small size-jannah-image-small tie-small-image wp-post-image" alt="Red and Blue Effect with Photoshop" decoding="async" data-lazy-src="https://www.thepicpedia.com/wp-content/uploads/2021/11/1637859308_Red-and-Blue-Effect-with-Photoshop-220x150.jpg" /><noscript><img width="220" height="150" src="https://www.thepicpedia.com/wp-content/uploads/2021/11/1637859308_Red-and-Blue-Effect-with-Photoshop-220x150.jpg" class="attachment-jannah-image-small size-jannah-image-small tie-small-image wp-post-image" alt="Red and Blue Effect with Photoshop" decoding="async" /></noscript></a> </div> <div class="post-widget-body "> <a class="post-title the-subtitle" href="https://www.thepicpedia.com/blog/tutorials/red-and-blue-effect-with-photoshop/">Red and Blue Effect with Photoshop</a> <div class="post-meta"> </div> </div> </li> <li class="widget-single-post-item widget-post-list tie-standard"> <div class="post-widget-thumbnail"> <a aria-label="Work faster with Procreate by knowing these simple tips" href="https://www.thepicpedia.com/blog/work-faster-with-procreate-by-knowing-these-tips/" class="post-thumb"> <div class="post-thumb-overlay-wrap"> <div class="post-thumb-overlay"> <span class="tie-icon tie-media-icon"></span> </div> </div> <img width="220" height="150" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20220%20150'%3E%3C/svg%3E" class="attachment-jannah-image-small size-jannah-image-small tie-small-image wp-post-image" alt="" decoding="async" data-lazy-src="https://www.thepicpedia.com/wp-content/uploads/2021/10/work-faster-with-procreate-by-knowing-these-simple-tips-220x150.jpg" /><noscript><img width="220" height="150" src="https://www.thepicpedia.com/wp-content/uploads/2021/10/work-faster-with-procreate-by-knowing-these-simple-tips-220x150.jpg" class="attachment-jannah-image-small size-jannah-image-small tie-small-image wp-post-image" alt="" decoding="async" /></noscript></a> </div> <div class="post-widget-body "> <a class="post-title the-subtitle" href="https://www.thepicpedia.com/blog/work-faster-with-procreate-by-knowing-these-tips/">Work faster with Procreate by knowing these simple tips</a> <div class="post-meta"> </div> </div> </li> <li class="widget-single-post-item widget-post-list tie-standard"> <div class="post-widget-thumbnail"> <a aria-label="9 secrets to make beautiful Instagram photos + 10 examples" href="https://www.thepicpedia.com/blog/9-secrets-to-make-beautiful-instagram-photos-10-examples/" class="post-thumb"> <div class="post-thumb-overlay-wrap"> <div class="post-thumb-overlay"> <span class="tie-icon tie-media-icon"></span> </div> </div> <img width="220" height="150" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20220%20150'%3E%3C/svg%3E" class="attachment-jannah-image-small size-jannah-image-small tie-small-image wp-post-image" alt="" decoding="async" data-lazy-src="https://www.thepicpedia.com/wp-content/uploads/2021/10/9-secrets-to-make-beautiful-instagram-photos-10-examples-220x150.jpg" /><noscript><img width="220" height="150" src="https://www.thepicpedia.com/wp-content/uploads/2021/10/9-secrets-to-make-beautiful-instagram-photos-10-examples-220x150.jpg" class="attachment-jannah-image-small size-jannah-image-small tie-small-image wp-post-image" alt="" decoding="async" /></noscript></a> </div> <div class="post-widget-body "> <a class="post-title the-subtitle" href="https://www.thepicpedia.com/blog/9-secrets-to-make-beautiful-instagram-photos-10-examples/">9 secrets to make beautiful Instagram photos + 10 examples</a> <div class="post-meta"> </div> </div> </li> <li class="widget-single-post-item widget-post-list tie-standard"> <div class="post-widget-thumbnail"> <a aria-label="Lightroom CC, Lightroom Classic or both? Which software to choose to manage your photos" href="https://www.thepicpedia.com/blog/lightroom-cc-lightroom-classic-or-both-which-software-to-choose-to-manage-your-photos/" class="post-thumb"> <div class="post-thumb-overlay-wrap"> <div class="post-thumb-overlay"> <span class="tie-icon tie-media-icon"></span> </div> </div> <img width="220" height="150" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20220%20150'%3E%3C/svg%3E" class="attachment-jannah-image-small size-jannah-image-small tie-small-image wp-post-image" alt="" decoding="async" data-lazy-src="https://www.thepicpedia.com/wp-content/uploads/2021/10/lightroom-cc-lightroom-classic-or-both-which-software-to-choose-to-manage-your-photos-220x150.jpg" /><noscript><img width="220" height="150" src="https://www.thepicpedia.com/wp-content/uploads/2021/10/lightroom-cc-lightroom-classic-or-both-which-software-to-choose-to-manage-your-photos-220x150.jpg" class="attachment-jannah-image-small size-jannah-image-small tie-small-image wp-post-image" alt="" decoding="async" /></noscript></a> </div> <div class="post-widget-body "> <a class="post-title the-subtitle" href="https://www.thepicpedia.com/blog/lightroom-cc-lightroom-classic-or-both-which-software-to-choose-to-manage-your-photos/">Lightroom CC, Lightroom Classic or both? Which software to choose to manage your photos</a> <div class="post-meta"> </div> </div> </li> <li class="widget-single-post-item widget-post-list tie-standard"> <div class="post-widget-thumbnail"> <a aria-label="How emoji can help create a more empathetic world, for all of us 💞" href="https://www.thepicpedia.com/blog/adobe/how-emoji-can-help-create-a-more-empathetic-world-for-all-of-us-%f0%9f%92%9e/" class="post-thumb"> <div class="post-thumb-overlay-wrap"> <div class="post-thumb-overlay"> <span class="tie-icon tie-media-icon"></span> </div> </div> <img width="220" height="150" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20220%20150'%3E%3C/svg%3E" class="attachment-jannah-image-small size-jannah-image-small tie-small-image wp-post-image" alt="How emoji can help create a more empathetic world, for all of us 💞" decoding="async" data-lazy-src="https://www.thepicpedia.com/wp-content/uploads/2021/11/1638217091_How-emoji-can-help-create-a-more-empathetic-world-for-220x150.png" /><noscript><img width="220" height="150" src="https://www.thepicpedia.com/wp-content/uploads/2021/11/1638217091_How-emoji-can-help-create-a-more-empathetic-world-for-220x150.png" class="attachment-jannah-image-small size-jannah-image-small tie-small-image wp-post-image" alt="How emoji can help create a more empathetic world, for all of us 💞" decoding="async" /></noscript></a> </div> <div class="post-widget-body "> <a class="post-title the-subtitle" href="https://www.thepicpedia.com/blog/adobe/how-emoji-can-help-create-a-more-empathetic-world-for-all-of-us-%f0%9f%92%9e/">How emoji can help create a more empathetic world, for all of us 💞</a> <div class="post-meta"> </div> </div> </li> <li class="widget-single-post-item widget-post-list tie-standard"> <div class="post-widget-thumbnail"> <a aria-label="Review of Filmora Wondershare 9" href="https://www.thepicpedia.com/blog/review-of-filmora-wondershare-9/" class="post-thumb"> <div class="post-thumb-overlay-wrap"> <div class="post-thumb-overlay"> <span class="tie-icon tie-media-icon"></span> </div> </div> <img width="220" height="150" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20220%20150'%3E%3C/svg%3E" class="attachment-jannah-image-small size-jannah-image-small tie-small-image wp-post-image" alt="" decoding="async" data-lazy-src="https://www.thepicpedia.com/wp-content/uploads/2021/10/review-of-filmora-wondershare-9-220x150.jpg" /><noscript><img width="220" height="150" src="https://www.thepicpedia.com/wp-content/uploads/2021/10/review-of-filmora-wondershare-9-220x150.jpg" class="attachment-jannah-image-small size-jannah-image-small tie-small-image wp-post-image" alt="" decoding="async" /></noscript></a> </div> <div class="post-widget-body "> <a class="post-title the-subtitle" href="https://www.thepicpedia.com/blog/review-of-filmora-wondershare-9/">Review of Filmora Wondershare 9</a> <div class="post-meta"> </div> </div> </li> </ul></div></div><div class="clearfix"></div></div><div id="stream-item-widget-4" class="container-wrapper widget stream-item-widget"><div class="stream-item-widget-content"><script type="rocketlazyloadscript" data-rocket-type="text/javascript"> atOptions = { 'key' : '6bba62dd3f38a9f11864dcf92b84d482', 'format' : 'iframe', 'height' : 300, 'width' : 160, 'params' : {} }; document.write('<scr' + 'ipt type="text/javascript" src="http' + (location.protocol === 'https:' ? 's' : '') + '://www.highperformancedisplayformat.com/6bba62dd3f38a9f11864dcf92b84d482/invoke.js"></scr' + 'ipt>'); </script></div><div class="clearfix"></div></div><div id="stream-item-widget-2" class="container-wrapper widget stream-item-widget"><div class="stream-item-widget-content"><script type="rocketlazyloadscript" data-rocket-type="text/javascript"> atOptions = { 'key' : '02333285d48af3e246e665a3f4efebf6', 'format' : 'iframe', 'height' : 250, 'width' : 300, 'params' : {} }; document.write('<scr' + 'ipt type="text/javascript" src="http' + (location.protocol === 'https:' ? 's' : '') + '://www.highperformancedisplayformat.com/02333285d48af3e246e665a3f4efebf6/invoke.js"></scr' + 'ipt>'); </script></div><div class="clearfix"></div></div> </div> </aside> </div></div> <div class="container full-width related-posts-full-width"> <div class="tie-row"> <div class="tie-col-md-12"> <div id="related-posts" class="container-wrapper"> <div class="mag-box-title the-global-title"> <h3>Related Articles</h3> </div> <div class="related-posts-list"> <div class="related-item tie-standard"> <h3 class="post-title"><a href="https://www.thepicpedia.com/photoshop/how-to-deblur-an-image-in-photoshop/">How to deblur an image in photoshop</a></h3> <div class="post-meta clearfix"></div> </div> <div class="related-item tie-standard"> <h3 class="post-title"><a href="https://www.thepicpedia.com/photoshop/photoshop-what-is-flow/">Photoshop what is flow</a></h3> <div class="post-meta clearfix"></div> </div> <div class="related-item tie-standard"> <h3 class="post-title"><a href="https://www.thepicpedia.com/photoshop/how-to-create-mockup-in-photoshop/">How to create mockup in photoshop</a></h3> <div class="post-meta clearfix"></div> </div> <div class="related-item tie-standard"> <h3 class="post-title"><a href="https://www.thepicpedia.com/photoshop/how-to-feather-around-hair-in-photoshop/">How to feather around hair in photoshop</a></h3> <div class="post-meta clearfix"></div> </div> <div class="related-item tie-standard"> <h3 class="post-title"><a href="https://www.thepicpedia.com/photoshop/how-to-open-a-jpeg-in-photoshop/">How to open a jpeg in photoshop</a></h3> <div class="post-meta clearfix"></div> </div> <div class="related-item tie-standard"> <h3 class="post-title"><a href="https://www.thepicpedia.com/photoshop/how-to-quickly-change-brush-size-in-photoshop/">How to quickly change brush size in photoshop</a></h3> <div class="post-meta clearfix"></div> </div> <div class="related-item tie-standard"> <h3 class="post-title"><a href="https://www.thepicpedia.com/photoshop/how-to-make-planner-pages-in-photoshop/">How to make planner pages in photoshop</a></h3> <div class="post-meta clearfix"></div> </div> <div class="related-item tie-standard"> <h3 class="post-title"><a href="https://www.thepicpedia.com/photoshop/how-to-remove-vector-mask-in-photoshop/">How to remove vector mask in photoshop</a></h3> <div class="post-meta clearfix"></div> </div> </div> </div> </div> </div> </div> <div class="adsbygoogle Ad-Container sidebar-ad ad-slot" data-ad-manager-id="1" data-ad-module="1" data-ad-width="100" data-adblockkey="200" data-advadstrackid="1"> <div style="z-index:-1; height:0; width:1px; visibility: hidden; bottom: -1px; left: 0;"></div> </div> <div class="stream-item stream-item-above-footer"><div class="stream-item-size" style=""><script type="rocketlazyloadscript" data-rocket-type="text/javascript"> atOptions = { 'key' : '02333285d48af3e246e665a3f4efebf6', 'format' : 'iframe', 'height' : 250, 'width' : 300, 'params' : {} }; document.write('<scr' + 'ipt type="text/javascript" src="http' + (location.protocol === 'https:' ? 's' : '') + '://www.highperformancedisplayformat.com/02333285d48af3e246e665a3f4efebf6/invoke.js"></scr' + 'ipt>'); </script></div></div> <footer id="footer" class="site-footer dark-skin dark-widgetized-area"> <div id="footer-widgets-container"> <div class="container"> </div> </div> <div id="site-info" class="site-info"> <div class="container"> <div class="tie-row"> <div class="tie-col-md-12"> <div class="copyright-text copyright-text-first">ThePicPedia is a site that includes thousands of questions and answers about photos, videos, digital art, software used for those topics. So you'll learn how to use Photoshop, Lightroom, Canva, Adobe premier, filmora9, Snapseed, Clip Studio Paint, Ibis paint, Krita, and much more! You will find all the answers you are looking for here. Enjoy your visit!</div><div class="copyright-text copyright-text-second">© Copyright 2024, All Rights Reserved  |  <span style="color:red;" class="tie-icon-heart"></span> <a href="https://www.thepicpedia.com/" target="_blank" rel="nofollow noopener">ThePicPedia</a> </div><div class="footer-menu"><ul id="menu-mnu-footer" class="menu"><li id="menu-item-24787" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-24787"><a href="https://www.thepicpedia.com/about-us/">About us</a></li> <li id="menu-item-24786" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-24786"><a href="https://www.thepicpedia.com/privacy-policy-2/">-Privacy Policy-</a></li> <li id="menu-item-24791" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-24791"><a href="https://www.thepicpedia.com/contact-us/">Contact us</a></li> </ul></div> </div> </div> </div> </div> </footer> <a id="go-to-top" class="go-to-top-button" href="#go-to-tie-body"> <span class="tie-icon-angle-up"></span> <span class="screen-reader-text">Back to top button</span> </a> </div> <aside class=" side-aside normal-side dark-skin dark-widgetized-area is-fullwidth appear-from-left" aria-label="Secondary Sidebar" style="visibility: hidden;"> <div data-height="100%" class="side-aside-wrapper has-custom-scroll"> <a href="#" class="close-side-aside remove big-btn"> <span class="screen-reader-text">Close</span> </a> <div id="mobile-container"> <div id="mobile-search"> <form role="search" method="get" class="search-form" action="https://www.thepicpedia.com/"> <label> <span class="screen-reader-text">Search for:</span> <input type="search" class="search-field" placeholder="Search …" value="" name="s" /> </label> <input type="submit" class="search-submit" value="Search" /> </form> </div> <div id="mobile-menu" class="hide-menu-icons"> </div> </div> </div> </aside> </div> </div> <div id="is-scroller-outer"><div id="is-scroller"></div></div><div id="fb-root"></div> <div id="tie-popup-search-mobile" class="tie-popup tie-popup-search-wrap" style="display: none;"> <a href="#" class="tie-btn-close remove big-btn light-btn"> <span class="screen-reader-text">Close</span> </a> <div class="popup-search-wrap-inner"> <div class="live-search-parent pop-up-live-search" data-skin="live-search-popup" aria-label="Search"> <form method="get" class="tie-popup-search-form" action="https://www.thepicpedia.com/"> <input class="tie-popup-search-input " inputmode="search" type="text" name="s" title="Search for" autocomplete="off" placeholder="Search for" /> <button class="tie-popup-search-submit" type="submit"> <span class="tie-icon-search tie-search-icon" aria-hidden="true"></span> <span class="screen-reader-text">Search for</span> </button> </form> </div> </div> </div> <link rel='stylesheet' id='toc-screen-css' href='https://www.thepicpedia.com/wp-content/plugins/table-of-contents-plus/screen.min.css?ver=2309' type='text/css' media='all' /> <script type="rocketlazyloadscript" data-rocket-type="text/javascript" id="rocket-browser-checker-js-after"> /* <![CDATA[ */ "use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}(); /* ]]> */ </script> <script type="text/javascript" id="rocket-preload-links-js-extra"> /* <![CDATA[ */ var RocketPreloadLinksConfig = {"excludeUris":"\/(?:.+\/)?feed(?:\/(?:.+\/?)?)?$|\/(?:.+\/)?embed\/|\/(index.php\/)?(.*)wp-json(\/.*|$)|\/refer\/|\/go\/|\/recommend\/|\/recommends\/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https:\/\/www.thepicpedia.com","onHoverDelay":"100","rateThrottle":"3"}; /* ]]> */ </script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript" id="rocket-preload-links-js-after"> /* <![CDATA[ */ (function() { "use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run(); }()); /* ]]> */ </script> <script type="text/javascript" id="tie-scripts-js-extra"> /* <![CDATA[ */ var tie = {"is_rtl":"","ajaxurl":"https:\/\/www.thepicpedia.com\/wp-admin\/admin-ajax.php","is_side_aside_light":"","is_taqyeem_active":"","is_sticky_video":"","mobile_menu_top":"","mobile_menu_active":"area_1","mobile_menu_parent":"","lightbox_all":"true","lightbox_gallery":"true","lightbox_skin":"light","lightbox_thumb":"horizontal","lightbox_arrows":"true","is_singular":"1","autoload_posts":"","reading_indicator":"","lazyload":"","select_share":"","select_share_twitter":"true","select_share_facebook":"true","select_share_linkedin":"true","select_share_email":"","facebook_app_id":"5303202981","twitter_username":"","responsive_tables":"true","ad_blocker_detector":"true","sticky_behavior":"upwards","sticky_desktop":"true","sticky_mobile":"true","sticky_mobile_behavior":"default","ajax_loader":"<div class=\"loader-overlay\">\n\t\t\t\t<div class=\"spinner\">\n\t\t\t\t\t<div class=\"bounce1\"><\/div>\n\t\t\t\t\t<div class=\"bounce2\"><\/div>\n\t\t\t\t\t<div class=\"bounce3\"> <\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>","type_to_search":"","lang_no_results":"Nothing Found","sticky_share_mobile":"","sticky_share_post":"","sticky_share_post_menu":""}; /* ]]> */ </script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript" data-rocket-src="https://www.thepicpedia.com/wp-content/themes/jannah/assets/js/scripts.min.js?ver=7.0.2" id="tie-scripts-js" defer></script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript" id="tie-scripts-js-after">window.addEventListener('DOMContentLoaded', function() { /* <![CDATA[ */ jQuery.ajax({ type : "GET", url : "https://www.thepicpedia.com/wp-admin/admin-ajax.php", data : "postviews_id=12752&action=tie_postviews", cache: !1, success: function( data ){ jQuery(".single-post-meta").find(".meta-views").html( data ); } }); /* ]]> */ });</script> <script type="rocketlazyloadscript" data-minify="1" data-rocket-type="text/javascript" data-rocket-src="https://www.thepicpedia.com/wp-content/cache/min/1/wp-content/themes/jannah/assets/ilightbox/lightbox.js?ver=1664498106" id="tie-js-ilightbox-js" defer></script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript" data-rocket-src="https://www.thepicpedia.com/wp-content/themes/jannah/assets/js/sliders.min.js?ver=7.0.2" id="tie-js-sliders-js" defer></script> <script type="rocketlazyloadscript" data-minify="1" data-rocket-type="text/javascript" data-rocket-src="https://www.thepicpedia.com/wp-content/cache/min/1/wp-content/themes/jannah/assets/js/shortcodes.js?ver=1664498106" id="tie-js-shortcodes-js" defer></script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript" data-rocket-src="https://www.thepicpedia.com/wp-content/themes/jannah/assets/js/desktop.min.js?ver=7.0.2" id="tie-js-desktop-js" defer></script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript" data-rocket-src="https://www.thepicpedia.com/wp-content/themes/jannah/assets/js/single.min.js?ver=7.0.2" id="tie-js-single-js" defer></script> <script type="text/javascript" id="toc-front-js-extra"> /* <![CDATA[ */ var tocplus = {"visibility_show":"show","visibility_hide":"hide","width":"Auto"}; /* ]]> */ </script> <script type="rocketlazyloadscript" data-rocket-type="text/javascript" data-rocket-src="https://www.thepicpedia.com/wp-content/plugins/table-of-contents-plus/front.min.js?ver=2309" id="toc-front-js" defer></script> <script type="rocketlazyloadscript"> WebFontConfig ={ google:{ families: [ 'Lora::latin', 'Coustard:600,regular:latin', 'Karla::latin&display=swap' ] } }; (function(){ var wf = document.createElement('script'); wf.src = '//ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'; wf.type = 'text/javascript'; wf.defer = 'true'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(wf, s); })(); </script> <div id="tie-popup-adblock" class="tie-popup is-fixed-popup"> <div class="tie-popup-container"> <div class="container-wrapper"> <span class="tie-adblock-icon tie-icon-ban" aria-hidden="true"></span> <h2>Adblock Detected</h2> <div class="adblock-message"> Please disable your ad blocker to be able to view the page content. For an independent site with free content, it's literally a matter of life and death to have ads. Thank you for your understanding! Thanks </div> </div> </div> </div> <script>window.lazyLoadOptions=[{elements_selector:"img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}},{elements_selector:".rocket-lazyload",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,}];window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(var i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){continue} if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){continue} images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1} if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script><script data-no-minify="1" async src="https://www.thepicpedia.com/wp-content/plugins/wp-rocket/assets/js/lazyload/17.8.3/lazyload.min.js"></script><script>function lazyLoadThumb(e,alt){var t='<img data-lazy-src="https://i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360"><noscript><img src="https://i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360"></noscript>',a='<button class="play" aria-label="play Youtube video"></button>';t=t.replace('alt=""','alt="'+alt+'"');return t.replace("ID",e)+a}function lazyLoadYoutubeIframe(){var e=document.createElement("iframe"),t="ID?autoplay=1";t+=0===this.parentNode.dataset.query.length?'':'&'+this.parentNode.dataset.query;e.setAttribute("src",t.replace("ID",this.parentNode.dataset.src)),e.setAttribute("frameborder","0"),e.setAttribute("allowfullscreen","1"),e.setAttribute("allow", "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"),this.parentNode.parentNode.replaceChild(e,this.parentNode)}document.addEventListener("DOMContentLoaded",function(){var e,t,p,a=document.getElementsByClassName("rll-youtube-player");for(t=0;t<a.length;t++)e=document.createElement("div"),e.setAttribute("data-id",a[t].dataset.id),e.setAttribute("data-query", a[t].dataset.query),e.setAttribute("data-src", a[t].dataset.src),e.innerHTML=lazyLoadThumb(a[t].dataset.id,a[t].dataset.alt),a[t].appendChild(e),p=e.querySelector('.play'),p.onclick=lazyLoadYoutubeIframe});</script> </body> </html>