How to Post-Process Pictures - iFixit Repair Guide

<!DOCTYPE html>   <html dir="ltr" lang="en" xmlns:fb="http://ogp.me/ns/fb#"> <head> <link rel="preconnect" href="https://assets.cdn.ifixit.com" crossorigin> <link rel="preconnect" href="https://guide-images.cdn.ifixit.com" crossorigin> <link rel="preconnect" href="https://cdn.shopify.com" crossorigin> <link rel="preload" href="https://assets.cdn.ifixit.com/Assets/translations/en-translations.js?11807" as="script" fetchpriority="high" > <link rel="preload" href="https://assets.cdn.ifixit.com/Assets/scripts/runtime.js.9f88f53c26f8181312d8.js" as="script" fetchpriority="high" > <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} (function() { function hasPiwikConsent() { try { var fromPiwik = null document.cookie.split(';').forEach(function(cookie) { var parts = cookie.split('='); if (parts[0].trim() === 'ppms_privacy_6bf6bc54-82ca-4321-8620-b12d5c9b57b6') { var cookieObject = JSON.parse(decodeURIComponent(parts[1])); if (cookieObject && cookieObject.consents) { fromPiwik = Object.values(cookieObject.consents).every(function(consent) { return consent.status == 1; }); } } }); } catch (e) { console.error("Error parsing piwik cookie", e); return null; } return fromPiwik; } var needsConsent = false; var hasConsent = hasPiwikConsent(); var cookiesOk = hasConsent !== null ? hasConsent : !needsConsent; var consent = cookiesOk ? 'granted' : 'denied'; console.log("GTAG Consent", consent); gtag('consent', 'default', { 'ad_storage': consent, 'ad_user_data': consent, 'ad_personalization': consent, 'analytics_storage': consent, }); })() </script>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-59NVBFN');</script>  <title>How to Post-Process Pictures - iFixit Repair Guide</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <meta name="description" content="Pictures rarely come out perfect and will require some editing to make them usable for guides. As there are many photo editing programs available,..." /> <meta name="title" content="How to Post-Process Pictures - iFixit Repair Guide" /> <meta name="keywords" content="How to Post-Process Pictures, iFixit, Parts, Tools, Free Repair Guides, Manual, Teardowns" /> <meta name="robots" content="index, follow, max-image-preview:large" /> <link id="canonical-link" rel="canonical" href="https://www.ifixit.com/Guide/How+to+Post-Process+Pictures/38497" /> <link rel="alternate" hreflang="en" href="https://www.ifixit.com/Guide/How+to+Post-Process+Pictures/38497" /> <link rel="alternate" hreflang="fr" href="https://fr.ifixit.com/Tutoriel/Comment+traiter+les+images%C2%A0-/38497" /> <link rel="alternate" hreflang="it" href="https://it.ifixit.com/Guida/Come+elaborare+le+tue+foto/38497" /> <link rel="alternate" hreflang="de" href="https://de.ifixit.com/Anleitung/Nachbearbeitung+von+Fotos/38497" /> <link rel="alternate" hreflang="nl" href="https://nl.ifixit.com/Guide/Foto's+bijwerken/38497" /> <link rel="alternate" hreflang="es" href="https://es.ifixit.com/Gu%C3%ADa/C%C3%B3mo+realizar+el+post-procesado+de+im%C3%A1genes/38497" /> <link rel="alternate" hreflang="tr" href="https://tr.ifixit.com/Guide/Foto%C4%9Fraflar%C4%B1n+D%C3%BCzenlenmesi/38497" /> <link rel="alternate" hreflang="pt" href="https://pt.ifixit.com/Guide/Como+fazer+o+tratamento+posterior+de+fotografias/38497" /> <link rel="alternate" hreflang="ko" href="https://ko.ifixit.com/Guide/%EC%82%AC%EC%A7%84+%ED%9B%84-%EC%B2%98%EB%A6%AC%ED%95%98%EB%8A%94+%EB%B0%A9%EB%B2%95/38497" /> <link rel="alternate" hreflang="x-default" href="https://www.ifixit.com/Guide/How+to+Post-Process+Pictures/38497" /> <meta property="fb:app_id" content="401112919922369" /> <meta property="og:type" content="article" /> <meta property="og:image" content="https://guide-images.cdn.ifixit.com/igi/1iTYwWM5tfRojPVF.full" /> <meta property="og:description" content="Pictures rarely come out perfect and will require some editing to make them usable for guides. As there are many photo editing programs available,..." /> <meta property="og:author" content="https://www.ifixit.com/User/1/iRobot" /> <meta property="og:published_time" content="2015-03-16T15:58:49-07:00" /> <meta property="og:section" content="iFixit" /> <meta property="og:modified_time" content="2020-09-26T00:31:49-07:00" /> <meta property="og:locale:alternate" content="de_DE" /> <meta property="og:locale:alternate" content="en_GB" /> <meta property="og:locale:alternate" content="es_LA" /> <meta property="og:locale:alternate" content="fr_FR" /> <meta property="og:locale:alternate" content="it_IT" /> <meta property="og:locale:alternate" content="ja_JP" /> <meta property="og:locale:alternate" content="nl_NL" /> <meta property="og:locale:alternate" content="pt_BR" /> <meta property="og:locale:alternate" content="ru_RU" /> <meta property="og:locale:alternate" content="tr_TR" /> <meta property="og:locale:alternate" content="zh_CN" /> <meta property="og:url" content="https://www.ifixit.com/Guide/How+to+Post-Process+Pictures/38497" /> <meta property="og:title" content="How to Post-Process Pictures" /> <meta property="og:site_name" content="iFixit" /> <meta name="verify-v1" content="jw37yaG9O4vmztqkH8xsZEeQtGHqzC3GZXfwk5xUCeM=" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1"/> <link rel="stylesheet" type="text/css" media="print" href="https://assets.cdn.ifixit.com/Assets/Admin/ifixit/Shared-print-4vKZnU54L24ZnG6tuvAwTw.css" /> <script> var deferCss = { hidden: true, timeout: null, unhide: function() { if (deferCss.hidden) { var hider = document.getElementById('cssHide'); hider && hider.parentElement.removeChild(hider); var criticalCss = document.getElementById('criticalCss'); criticalCss && criticalCss.parentElement.removeChild(criticalCss); deferCss.hidden = false; } }, applyAllCss: function() { if (!deferCss.hidden) { return; } clearTimeout(deferCss.timeout); var links = document.querySelectorAll('.cssReady, .cssPreload'); var link; for (var i = 0; i < links.length; ++i) { link = links[i]; link.onload = null; link.rel = 'stylesheet'; } deferCss.unhide(); }, cssLoaded: function(link, success) { link.className = success ? "cssReady" : "cssFailed"; if (!success) { console.error(link.href + " failed to load"); } var stillWaiting = document.querySelector('.cssPreload'); if (!stillWaiting) { deferCss.applyCssWhenDomLoaded(); } }, applyCssWhenDomLoaded: function() { // Loading hasn't finished yet if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', function() { deferCss.applyAllCss(); }); } else { // `DOMContentLoaded` has already fired deferCss.applyAllCss(); } }, setTimeout: function(timeout) { deferCss.timeout = setTimeout(function() { console.warn("Deferred CSS took too long to load. Displaying anyway..."); deferCss.applyCssWhenDomLoaded(); }, timeout); } }; deferCss.setTimeout(25000); </script> <script> /*! loadCSS. [c]2017 Filament Group, Inc. MIT License */ /* This file is meant as a standalone workflow for - testing support for link[rel=preload] - enabling async CSS loading in browsers that do not support rel=preload - applying rel preload css once loaded, whether supported or not. */ (function( w ){ "use strict"; // rel=preload support test if( !w.loadCSS ){ w.loadCSS = function(){}; } // define on the loadCSS obj var rp = loadCSS.relpreload = {}; // rel=preload feature support test // runs once and returns a function for compat purposes rp.support = (function(){ var ret; try { ret = w.document.createElement( "link" ).relList.supports( "preload" ); } catch (e) { ret = false; } return function(){ return ret; }; })(); // if preload isn't supported, get an asynchronous load by using a non-matching media attribute // then change that media back to its intended value on load rp.bindMediaToggle = function( link ){ // remember existing media attr for ultimate state, or default to 'all' var finalMedia = link.media || "all"; function enableStylesheet(){ // unbind listeners if( link.addEventListener ){ link.removeEventListener( "load", enableStylesheet ); link.removeEventListener( "error", enableStylesheet ); } else if( link.attachEvent ){ link.detachEvent( "onload", enableStylesheet ); link.detachEvent( "onerror", enableStylesheet ); } link.setAttribute( "onload", null ); link.media = finalMedia; } // bind load handlers to enable media if( link.addEventListener ){ link.addEventListener( "load", enableStylesheet ); } else if( link.attachEvent ){ link.attachEvent( "onload", enableStylesheet ); } // Set rel and non-applicable media type to start an async request // note: timeout allows this to happen async to let rendering continue in IE setTimeout(function(){ link.rel = "stylesheet"; link.media = "only x"; }); // also enable media after 7 seconds, // which will catch very old browsers (android 2.x, old firefox) that don't support onload on link setTimeout( function() { link.onload && link.onload(); enableStylesheet(); }, 7000 ); }; // loop through link elements in DOM rp.poly = function(){ // double check this to prevent external calls from running if( rp.support() ){ return; } var links = w.document.getElementsByTagName( "link" ); for( var i = 0; i < links.length; i++ ){ var link = links[ i ]; // qualify links to those with rel=preload and as=style attrs if( link.rel === "preload" && link.getAttribute( "as" ) === "style" && !link.getAttribute( "data-loadcss" ) ){ // prevent rerunning on link link.setAttribute( "data-loadcss", true ); // bind listeners to toggle media back rp.bindMediaToggle( link ); } } }; // if unsupported, run the polyfill if( !rp.support() ){ // run once at least rp.poly(); // rerun poly on an interval until onload var run = w.setInterval( rp.poly, 500 ); if( w.addEventListener ){ w.addEventListener( "load", function(){ rp.poly(); w.clearInterval( run ); } ); } else if( w.attachEvent ){ w.attachEvent( "onload", function(){ rp.poly(); w.clearInterval( run ); } ); } } // commonjs if( typeof exports !== "undefined" ){ exports.loadCSS = loadCSS; } else { w.loadCSS = loadCSS; } }( typeof global !== "undefined" ? global : this ) ); </script> <noscript> </noscript> <link type="text/css" href="https://assets.cdn.ifixit.com/Assets/Guide/ifixit/guide-all-xHbGqtOkUnSDXqfJIfPObw.css" rel="preload" as="style" onload="deferCss.cssLoaded(this, true)" onerror="this.onerror = this.onload = null; deferCss.cssLoaded(this, false);" class="cssPreload" /> <link type="text/css" href="https://assets.cdn.ifixit.com/Assets/Admin/ifixit/font-awesome-1EMSA-1xNu6QLgjlbNFTNQ.css" rel="preload" as="style" onload="deferCss.cssLoaded(this, true)" onerror="this.onerror = this.onload = null; deferCss.cssLoaded(this, false);" class="cssPreload" /> <link type="text/css" href="https://assets.cdn.ifixit.com/Assets/Guide/ifixit/module-all-5XRtVyqn-mlAFFjCBFPlAw.css" rel="preload" as="style" onload="deferCss.cssLoaded(this, true)" onerror="this.onerror = this.onload = null; deferCss.cssLoaded(this, false);" class="cssPreload" /> <link type="text/css" href="https://assets.cdn.ifixit.com/Assets/Guide/ifixit/core-yZ1b1sS_zwUH35TT8CwuEA.css" rel="preload" as="style" onload="deferCss.cssLoaded(this, true)" onerror="this.onerror = this.onload = null; deferCss.cssLoaded(this, false);" class="cssPreload" /> <link type="text/css" href="https://assets.cdn.ifixit.com/Assets/Admin/ifixit/core-primitives-yI0UPo46zCFEhFdtFTfk8A.css" rel="preload" as="style" onload="deferCss.cssLoaded(this, true)" onerror="this.onerror = this.onload = null; deferCss.cssLoaded(this, false);" class="cssPreload" /> <link type="text/css" href="https://assets.cdn.ifixit.com/Assets/Admin/ifixit/header_footer_old-D9UI1Sbj5JvYiO3aW7GWmg.css" rel="preload" as="style" onload="deferCss.cssLoaded(this, true)" onerror="this.onerror = this.onload = null; deferCss.cssLoaded(this, false);" class="cssPreload" /> <link type="text/css" href="https://assets.cdn.ifixit.com/Assets/Guide/ifixit/new-guide-view-all-5Yi6w1Aw2gYs30RogiAokQ.css" rel="preload" as="style" onload="deferCss.cssLoaded(this, true)" onerror="this.onerror = this.onload = null; deferCss.cssLoaded(this, false);" class="cssPreload" /> <link type="text/css" href="https://assets.cdn.ifixit.com/Assets/Guide/ifixit/release-version-xgYjYWoOeoFM43hoDHPsYw.css" rel="preload" as="style" onload="deferCss.cssLoaded(this, true)" onerror="this.onerror = this.onload = null; deferCss.cssLoaded(this, false);" class="cssPreload" /> <link type="text/css" href="https://assets.cdn.ifixit.com/Assets/Guide/ifixit/prosemirror-all-P8wbdJ_I4jGSHU3JJQFetg.css" rel="preload" as="style" onload="deferCss.cssLoaded(this, true)" onerror="this.onerror = this.onload = null; deferCss.cssLoaded(this, false);" class="cssPreload" /> <link type="text/css" href="https://assets.cdn.ifixit.com/Assets/Guide/ifixit/Guide-View-guideTop-n1g1BrhldcBw52TGbQMDQA.css" rel="preload" as="style" onload="deferCss.cssLoaded(this, true)" onerror="this.onerror = this.onload = null; deferCss.cssLoaded(this, false);" class="cssPreload" /> <link type="text/css" href="https://assets.cdn.ifixit.com/Assets/Guide/ifixit/Guide-View-guide_top_status_banner-dQG6edMDXWWIDCEO27ZLyA.css" rel="preload" as="style" onload="deferCss.cssLoaded(this, true)" onerror="this.onerror = this.onload = null; deferCss.cssLoaded(this, false);" class="cssPreload" /> <link type="text/css" href="https://assets.cdn.ifixit.com/Assets/Admin/ifixit/Shared-cart_banner-s_V6JiSoON-JECdqf7r6Ag.css" rel="preload" as="style" onload="deferCss.cssLoaded(this, true)" onerror="this.onerror = this.onload = null; deferCss.cssLoaded(this, false);" class="cssPreload" /> <link type="text/css" href="https://assets.cdn.ifixit.com/Assets/Admin/ifixit/Shared-attachment_link-CHpF3vgDF_8Tj72MR0ndjQ.css" rel="preload" as="style" onload="deferCss.cssLoaded(this, true)" onerror="this.onerror = this.onload = null; deferCss.cssLoaded(this, false);" class="cssPreload" /> <noscript> <link type="text/css" href="https://assets.cdn.ifixit.com/Assets/Guide/ifixit/guide-all-xHbGqtOkUnSDXqfJIfPObw.css" rel="stylesheet" /> <link type="text/css" href="https://assets.cdn.ifixit.com/Assets/Admin/ifixit/font-awesome-1EMSA-1xNu6QLgjlbNFTNQ.css" rel="stylesheet" /> <link type="text/css" href="https://assets.cdn.ifixit.com/Assets/Guide/ifixit/module-all-5XRtVyqn-mlAFFjCBFPlAw.css" rel="stylesheet" /> <link type="text/css" href="https://assets.cdn.ifixit.com/Assets/Guide/ifixit/core-yZ1b1sS_zwUH35TT8CwuEA.css" rel="stylesheet" /> <link type="text/css" href="https://assets.cdn.ifixit.com/Assets/Admin/ifixit/core-primitives-yI0UPo46zCFEhFdtFTfk8A.css" rel="stylesheet" /> <link type="text/css" href="https://assets.cdn.ifixit.com/Assets/Admin/ifixit/header_footer_old-D9UI1Sbj5JvYiO3aW7GWmg.css" rel="stylesheet" /> <link type="text/css" href="https://assets.cdn.ifixit.com/Assets/Guide/ifixit/new-guide-view-all-5Yi6w1Aw2gYs30RogiAokQ.css" rel="stylesheet" /> <link type="text/css" href="https://assets.cdn.ifixit.com/Assets/Guide/ifixit/release-version-xgYjYWoOeoFM43hoDHPsYw.css" rel="stylesheet" /> <link type="text/css" href="https://assets.cdn.ifixit.com/Assets/Guide/ifixit/prosemirror-all-P8wbdJ_I4jGSHU3JJQFetg.css" rel="stylesheet" /> <link type="text/css" href="https://assets.cdn.ifixit.com/Assets/Guide/ifixit/Guide-View-guideTop-n1g1BrhldcBw52TGbQMDQA.css" rel="stylesheet" /> <link type="text/css" href="https://assets.cdn.ifixit.com/Assets/Guide/ifixit/Guide-View-guide_top_status_banner-dQG6edMDXWWIDCEO27ZLyA.css" rel="stylesheet" /> <link type="text/css" href="https://assets.cdn.ifixit.com/Assets/Admin/ifixit/Shared-cart_banner-s_V6JiSoON-JECdqf7r6Ag.css" rel="stylesheet" /> <link type="text/css" href="https://assets.cdn.ifixit.com/Assets/Admin/ifixit/Shared-attachment_link-CHpF3vgDF_8Tj72MR0ndjQ.css" rel="stylesheet" /> </noscript> <script> </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-5ZXNWJ73GK"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); const ga4Params = {}; const userProperties = {"preferred_store":"ifixit-us","preferred_language":"EN","customer_type":"regular"}; gtag('config', 'G-5ZXNWJ73GK', ga4Params); gtag('set', 'user_properties', userProperties); </script>  <script type="text/javascript"> window.fbq=window.fbq||function(){}; </script> <link rel="apple-touch-icon" sizes="57x57" href="https://assets.cdn.ifixit.com/static/icons/ifixit/apple-touch-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="https://assets.cdn.ifixit.com/static/icons/ifixit/apple-touch-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="https://assets.cdn.ifixit.com/static/icons/ifixit/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="https://assets.cdn.ifixit.com/static/icons/ifixit/apple-touch-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="https://assets.cdn.ifixit.com/static/icons/ifixit/apple-touch-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="https://assets.cdn.ifixit.com/static/icons/ifixit/apple-touch-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="https://assets.cdn.ifixit.com/static/icons/ifixit/apple-touch-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="https://assets.cdn.ifixit.com/static/icons/ifixit/apple-touch-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="https://assets.cdn.ifixit.com/static/icons/ifixit/apple-touch-icon-180x180.png"> <link rel="icon" type="image/png" href="https://assets.cdn.ifixit.com/static/icons/ifixit/favicon-32x32.png" sizes="32x32"> <link rel="icon" type="image/png" href="https://assets.cdn.ifixit.com/static/icons/ifixit/android-chrome-192x192.png" sizes="192x192"> <link rel="icon" type="image/png" href="https://assets.cdn.ifixit.com/static/icons/ifixit/favicon-96x96.png" sizes="96x96"> <link rel="icon" type="image/png" href="https://assets.cdn.ifixit.com/static/icons/ifixit/favicon-16x16.png" sizes="16x16"> <link rel="manifest" href="https://assets.cdn.ifixit.com/static/icons/ifixit/manifest.json"> <link rel="mask-icon" href="https://assets.cdn.ifixit.com/static/icons/ifixit/safari-pinned-tab.svg" color="#5bbad5"> <meta name="apple-mobile-web-app-title" content="ifixit"> <meta name="application-name" content="ifixit"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="https://assets.cdn.ifixit.com/static/icons/ifixit/mstile-144x144.png"> <meta name="theme-color" content="#ffffff"> <script defer type="text/javascript" src="https://assets.cdn.ifixit.com/Assets/scripts/runtime.js.9f88f53c26f8181312d8.js"></script> <script nomodule src="/v3/polyfill.min.js?flags=gated&features=Array.prototype.flat,Array.prototype.flatMap,default,es2022,fetch,IntersectionObserver,Intl.RelativeTimeFormat,Intl.RelativeTimeFormat.~locale.en,NodeList.prototype.forEach,Number.isInteger,Object.entries,Object.fromEntries,Promise.prototype.finally,queueMicrotask,ResizeObserver,String.prototype.matchAll,WeakMap,WeakSet"></script> <script defer type="text/javascript" src="https://assets.cdn.ifixit.com/Assets/translations/en-translations.js?11807"></script> <script defer type="text/javascript" src="https://assets.cdn.ifixit.com/Assets/scripts/1776.20397ea9c187d0bfc379.js"></script> <script defer type="text/javascript" src="https://assets.cdn.ifixit.com/Assets/scripts/9280.58278fabba096b003fa5.js"></script> <script defer type="text/javascript" src="https://assets.cdn.ifixit.com/Assets/scripts/5573.b65f09e663889830f3d5.js"></script> <script defer type="text/javascript" src="https://assets.cdn.ifixit.com/Assets/scripts/1927.9023ff5184ca46f7b326.js"></script> <script defer type="text/javascript" src="https://assets.cdn.ifixit.com/Assets/scripts/7473.7b24886acea7e526a617.js"></script> <script defer type="text/javascript" src="https://assets.cdn.ifixit.com/Assets/scripts/1433.0df39ecda604f5a9dccc.js"></script> <script defer type="text/javascript" src="https://assets.cdn.ifixit.com/Assets/scripts/5788.7b4d59211fe7f55801b0.js"></script> <script defer type="text/javascript" src="https://assets.cdn.ifixit.com/Assets/scripts/312.23aacf4b1b442f0b50bd.js"></script> <script defer type="text/javascript" src="https://assets.cdn.ifixit.com/Assets/scripts/6677.f08de1528b1201d46cd4.js"></script> <script defer type="text/javascript" src="https://assets.cdn.ifixit.com/Assets/scripts/4756.c9e00508c9e7c76c9b67.js"></script> <script defer type="text/javascript" src="https://assets.cdn.ifixit.com/Assets/scripts/2375.2720b9f7af4e777b765b.js"></script> <script defer type="text/javascript" src="https://assets.cdn.ifixit.com/Assets/scripts/285.7f5d399d07505a9931d0.js"></script> <script defer type="text/javascript" src="https://assets.cdn.ifixit.com/Assets/scripts/413.1f40b96a9fdc0e9f272a.js"></script> <script defer type="text/javascript" src="https://assets.cdn.ifixit.com/Assets/scripts/2693.77f82e9592724689bef2.js"></script> <script defer type="text/javascript" src="https://assets.cdn.ifixit.com/Assets/scripts/7165.042a048abdfe25dbfef2.js"></script> <script defer type="text/javascript" src="https://assets.cdn.ifixit.com/Assets/scripts/8658.5452e6b3758c496d02ec.js"></script> <script defer type="text/javascript" src="https://assets.cdn.ifixit.com/Assets/scripts/8175.601f90959bafd7c0db93.js"></script> <script defer type="text/javascript" src="https://assets.cdn.ifixit.com/Assets/scripts/5543.98f54f005030eced2e2a.js"></script> <script defer type="text/javascript" src="https://assets.cdn.ifixit.com/Assets/scripts/9197.396c4c5cc7f636ecf86d.js"></script> <script defer type="text/javascript" src="https://assets.cdn.ifixit.com/Assets/scripts/7287.8f7599172ca1ada596a1.js"></script> <script defer type="text/javascript" src="https://assets.cdn.ifixit.com/Assets/scripts/1822.d8c8f674e75efb179003.js"></script> <script defer type="text/javascript" src="https://assets.cdn.ifixit.com/Assets/scripts/8542.9b26deab3205f29ad7c3.js"></script> <script defer type="text/javascript" src="https://assets.cdn.ifixit.com/Assets/scripts/6978.5497cbc9f1677145c07c.js"></script> <script defer type="text/javascript" src="https://assets.cdn.ifixit.com/Assets/scripts/6821.30584602987c787a8db8.js"></script> <script defer type="text/javascript" src="https://assets.cdn.ifixit.com/Assets/scripts/7074.bbea49d401ac872c7e9d.js"></script> <script defer type="text/javascript" src="https://assets.cdn.ifixit.com/Assets/scripts/1803.4d8f46b486eb47afab02.js"></script> <script defer type="text/javascript" src="https://assets.cdn.ifixit.com/Assets/scripts/4249.ecfb1c0be7455a1b79b8.js"></script> <script defer type="text/javascript" src="https://assets.cdn.ifixit.com/Assets/scripts/8340.3002fe9b43522f3ea292.js"></script> <script defer type="text/javascript" src="https://assets.cdn.ifixit.com/Assets/scripts/962.6af1a714051b877ba219.js"></script> <script defer type="text/javascript" src="https://assets.cdn.ifixit.com/Assets/scripts/8880.7d03c80b803ea87cfb5c.js"></script> <script defer type="text/javascript" src="https://assets.cdn.ifixit.com/Assets/scripts/3548.d0050b2d6c24db29313c.js"></script> <script defer type="text/javascript" src="https://assets.cdn.ifixit.com/Assets/scripts/5022.8ceca9c28c9835f39e5a.js"></script> <script defer type="text/javascript" src="https://assets.cdn.ifixit.com/Assets/scripts/3649.55c56ede71b0dfe3cd49.js"></script> <script defer type="text/javascript" src="https://assets.cdn.ifixit.com/Assets/scripts/6624.f2d54329acaf26ce29d2.js"></script> <script defer type="text/javascript" src="https://assets.cdn.ifixit.com/Assets/scripts/5459.2629164a0f60cabe1656.js"></script> <script defer type="text/javascript" src="https://assets.cdn.ifixit.com/Assets/scripts/119.23b71649bbb9c42616e1.js"></script> <script defer type="text/javascript" src="https://assets.cdn.ifixit.com/Assets/scripts/guidepage.js.d1cde94c7113bf6a30b3.js"></script> <script defer type="text/javascript" src="https://assets.cdn.ifixit.com/Assets/scripts/new-guide-view-all.js.88f3f3f41b6254f6b2dd.js"></script> <script defer type="text/javascript" src="https://assets.cdn.ifixit.com/Assets/scripts/guide-top.js.6f2db4b4db403e0d1403.js"></script> <script defer type="text/javascript" src="https://assets.cdn.ifixit.com/Assets/scripts/7050.48e73bc650d304b42b50.js"></script> <script defer type="text/javascript" src="https://assets.cdn.ifixit.com/Assets/scripts/4711.39278b6cd9bb1a157ddf.js"></script> <script defer type="text/javascript" src="https://assets.cdn.ifixit.com/Assets/scripts/695.a6fa781f3d1a1a4c6484.js"></script> <script defer type="text/javascript" src="https://assets.cdn.ifixit.com/Assets/scripts/5629.a7ff355b45c8751f63ee.js"></script> <script defer type="text/javascript" src="https://assets.cdn.ifixit.com/Assets/scripts/5274.38ca1a52be103099800e.js"></script> <script defer type="text/javascript" src="https://assets.cdn.ifixit.com/Assets/scripts/guide-nav.js.421a695219d21b68ad54.js"></script> <script defer type="text/javascript" src="https://assets.cdn.ifixit.com/Assets/scripts/6010.c7d3e50f87cfb2f9ab7d.js"></script> <script defer type="text/javascript" src="https://assets.cdn.ifixit.com/Assets/scripts/campaign-banner-wp.js.5e9893ca5b657be2ef2b.js"></script> <script defer type="text/javascript" src="https://assets.cdn.ifixit.com/Assets/scripts/consent-banner.js.f44ad4434be33ffeae26.js"></script> <script defer type="text/javascript" src="https://assets.cdn.ifixit.com/Assets/scripts/error-capture.js.b98189d7364d147bba54.js"></script> <script defer type="text/javascript" src="https://assets.cdn.ifixit.com/Assets/scripts/tiptap-editor.js.80e9e459efbd17eb98f3.js"></script> <script defer type="text/javascript" src="https://assets.cdn.ifixit.com/Assets/scripts/view-release-version.js.5218193a2f482a069a48.js"></script> <style id="criticalCss"> :where(#main) { max-width: 100%; } :where(*, :before, :after) { box-sizing: border-box; } :where(html) { font-size: 14px; } :where(body) { word-wrap: break-word; color: #4b5563; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Noto Sans, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji; line-height: 1.42857; margin: 0; min-height: 100%; overflow-wrap: break-word; text-rendering: optimizeLegibility; } :where(button, input, select, textarea) { font: inherit; } :where(button) { background-color: transparent; border: 0; font-weight: 600; } :where(input) { background-color: #fff; border-color: #d1d5db; } :where(input)[type="text"] { width: 100%; } :where(img) { height: auto; max-width: 100%; } :root { --main-container-width: 1280px; } :where(h1, h2, h3, .pseudoH2, .pseudoH3) { font-weight: 500; } :where(h1, h2, h3, .pseudoH2, .pseudoH3) a { color: #212426; } :where(h1) { color: #212426; font-size: 2.14rem; line-height: 1.2em; margin: 3px 0; padding: 0; } :where(.pseudoH2, h2) { color: #212426; font-size: 1.715rem; line-height: 1.21em; margin: 24px 0 0; padding: 0 0 2px; } :where(h3, .pseudoH3) { color: #4b5563; font-size: 1.285rem; line-height: 1.21em; margin: 16px 0 0; padding: 0; } :where(h4, h5, h6) { margin-block: 3px; } :where(h4, .pseudoH4) { color: #4b5563; font-size: 1rem; } :where(p) { margin-block: 8px; padding: 0; } :where(p[class^="chakra-text"]) { margin-block: 0; } :where(a, a strong) { color: #3b82f6; text-decoration: none; } :where(a[class*="button"]) { color: inherit; } :where(a img, a:hover img) { border: none; } :where(svg[class*="fa-"], i[class*="fa-"]).fa-xl { font-size: 1.715rem; } .right { float: right !important; } .hidden, [hidden] { display: none !important; } #page { flex: 1; position: relative; } #contentFloat { padding-bottom: 24px; } #contentFloat:not(:has(.component-HomePageHero, .wp-embed, #repair-is-freedom)) { padding-inline: 16px; } @media (min-width: 768px) { #contentFloat:not(:has(.component-HomePageHero, .wp-embed, #repair-is-freedom)) { padding-inline: 20px; } } @media (min-width: 1028px) { #contentFloat:not(:has(.component-HomePageHero, .wp-embed, #repair-is-freedom)) { padding-inline: 32px; } } #contentFloat .content-container { display: flex; gap: 24px; } @media only screen and (max-width: 1000px) { #contentFloat .content-container { flex-wrap: wrap; -ms-flex-wrap: wrap; } } .fullWidth #contentFloat { width: 100%; } @media only screen and (max-width: 1000px) { .responsive #contentFloat { width: 100%; } } #content { flex: 1; max-width: 100%; } .fullWidth #content { width: 100%; } #background { display: flex; flex-direction: column; min-height: 100vh; padding: 0; } :where(#main) { margin-inline: auto; width: var(--main-container-width); } @media only screen and (max-width: 1000px) { .responsive #main { width: 100%; } .responsive #content, .responsive #main, .responsive #mainBody { margin: auto !important; padding: 0; width: 100%; } } #mainBody { border-radius: 8px; border-radius: 0; box-shadow: none; min-height: 300px; padding-top: 0.1px; position: relative; text-align: left; text-align: start; } .throbber { animation: a 0.8s linear infinite; border: 8px solid hsla(0, 0%, 100%, 0.2); border-radius: 50px; border-top-color: #fff; height: 50px; margin: 0 auto 20px; width: 50px; } @keyframes a { 0% { transform: rotate(0); } to { transform: rotate(1turn); } } .visible-mobile-tablet { display: none; } @media only screen and (max-width: 1000px) { .visible-mobile-tablet { display: block !important; } } .visible-desktop { display: block; } @media only screen and (max-width: 1000px) { .visible-desktop { display: none !important; } } .fa-svg-icon > svg { fill: currentColor; } .clearer { clear: both; font-size: 0; height: 0; line-height: 0; margin: 0; padding: 0; } .clearfix:after, .clearfix:before { content: ""; display: table; line-height: 0; } .clearfix:after { clear: both; } .container { position: relative; } .container div[class~="row"]:last-of-type { margin-bottom: 0; } .row { border-radius: 8px; display: flex; flex-direction: row; margin-bottom: 20px; position: relative; } @media only screen and (min-width: 576px) { .row div[class~="column"]:not(:last-of-type) { margin-right: 20px; } } .row.divider, .row.divider .column.divider-content { -ms-align-items: center; align-items: center; } .row.divider .column.divider-content { background-color: #f0f0f0; height: 1px; } .column { flex: 1 1; max-width: 100%; } .column.four-fifths { flex: 4 4 20px; } @media only screen and (max-width: 575px) { .column.four-fifths { -ms-flex-basis: auto; flex-basis: auto; } } .column-card { background-color: #fff; border: 1px solid #e6e6e6; border-radius: 4px; padding: 30px; } form { margin: 0; } textarea { resize: vertical; } .form textarea { border: 1px solid #c1c1c1; border-radius: 4px; box-shadow: inset 0 1px 2px #f9fafb; margin-bottom: 10px; overflow: visible; padding: 4px 8px; } @media only screen and (max-width: 1000px) { .responsive input[type], .responsive textarea { font-size: 16px; } } .formBody { background-color: #f9fafb; border-radius: 4px; overflow: visible; padding: 0 8px 8px; } .formField { margin: 0; padding: 16px 0 0; } textarea { border: 1px solid #c1c1c1; border-radius: 4px; box-shadow: inset 0 1px 2px #f9fafb; color: #212426; margin-top: 4px; overflow: visible; padding: 4px 8px; } .modalBox { -webkit-overflow-scrolling: touch; border: 0; border-radius: 0; bottom: 0; left: 0; overflow: auto; padding: 30px 15px; position: fixed; right: 0; top: 0; z-index: 100000; } .modalContentBox { height: auto !important; margin: 0 auto; max-width: 872px; overflow: hidden; padding: 0; position: relative; text-align: center; } .modalBox > .throbber { margin-top: 200px; } #notifications { background-color: #fdf7e6; border-bottom: 2px solid #f9cd46; color: #6f5504; position: relative; width: 100%; z-index: 1100; } #notifications .close { font-size: 16px; position: absolute; right: 5px; top: 25%; } :where(input.button, button.button, span.button, a.button, .button[role="button"]) { -webkit-appearance: none; background-color: #fff; border: 1px solid #d1d5db; border-radius: 4px; color: #212426; display: inline-block; font-size: 14px; font-weight: 600; padding: 8px 16px; position: relative; text-align: center; } :where(input.button, button.button, span.button, a.button, .button[role="button"]) { text-decoration: none; } :where(input.button, button.button, span.button, a.button, .button[role="button"]).button-transparent { background-color: hsla(0, 0%, 100%, 0.1); } :where(input.button, button.button, span.button, a.button, .button[role="button"]).button-action-solid { background-color: #3b82f6; border-color: #3b82f6; color: #fff; } :where(input.button, button.button, span.button, a.button, .button[role="button"]).button-checked { background-color: #f5f9ff; border-color: #bad3fc; color: #3b82f6; } :where(input.button, button.button, span.button, a.button, .button[role="button"]).button-link { background-color: transparent; background-image: none; border: 0; border-radius: 0; box-shadow: none; padding: 12px 24px; } :where(input.button, button.button, span.button, a.button, .button[role="button"]).button-transparent { background-color: transparent; } :where(input.button, button.button, span.button, a.button, .button[role="button"]).button-large { padding: 11px 25px 12px; } :where(input.button, button.button, span.button, a.button, .button[role="button"]).button-medium { padding: 6px 12px 7px; } :where(input.button, button.button, span.button, a.button, .button[role="button"]).button-small { font-size: 13px; padding: 5px 10px; } :where(input.button, button.button, span.button, a.button, .button[role="button"]) .fa { font-size: 14px; margin-right: 8px; opacity: 0.5; position: relative; top: 1px; } :where(input.button, button.button, span.button, a.button, .button[role="button"]) [class*="svg-icon"] { color: #6b7280; display: inline-block; margin: 0; vertical-align: text-bottom; } .button + .button { margin-left: 8px; } .videoBox { height: 0; overflow: hidden; padding-bottom: 56.25%; position: relative; width: auto !important; } .videoBox, .videoFrame { max-width: 100%; } @media only screen and (max-width: 575px) { .videoFrame { width: auto !important; } } .play-btn { background-color: transparent; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 68 48"><path fill="%23f00" fill-opacity="0.8" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z"></path><path d="M 45,24 27,14 27,34" fill="%23fff"></path></svg>'); filter: grayscale(100%); height: 48px; left: 50%; opacity: 1; top: 50%; transform: translate3d(-50%, -50%, 0); width: 68px; } .play-btn, .youtube-player { border: none; position: absolute; } .youtube-player { background-position: 50%; background-size: cover; height: 100%; left: 0; top: 0; width: 100%; } @font-face { font-display: swap; font-family: icomoon; font-style: normal; font-weight: 400; src: url(https://assets.cdn.ifixit.com/static/fonts/ifixit/v2.0.2/icomoon.woff?20210215=) format("woff"), url(https://assets.cdn.ifixit.com/static/fonts/ifixit/v2.0.2/icomoon.ttf?20160111=) format("truetype"), url(https://assets.cdn.ifixit.com/static/fonts/ifixit/v2.0.2/icomoon.svg?20160111=#icomoon) format("svg"); } .ico-step-icon-note, [data-icon]:before { speak: none; font-family: icomoon; font-style: normal; font-variant: normal; font-weight: 400; line-height: 1; text-transform: none; } [data-icon]:before { content: attr(data-icon); } .ico-step-icon-note:before { content: "\e601"; } .fa-circle-star:before { content: "\e902"; } .fa { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font: normal normal normal 14px/1 icomoon; font-size: inherit; text-rendering: auto; } .fa-fw { text-align: center; width: 1.28571429em; } .fa-star:before { content: "\f005"; } .fa-times:before { content: "\f00d"; } .fa-pencil:before { content: "\f040"; } .fa-chevron-right:before { content: "\f054"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-down:before { content: "\f063"; } .fa-eye:before { content: "\f06e"; } .fa-caret-down:before { content: "\f0d7"; } .fa-undo:before { content: "\f0e2"; } .fa-angle-down:before { content: "\f107"; } .fa-circle:before { content: "\f111"; } .modalContentBox { max-width: 983px; } .button-container { display: flex; flex-direction: column; margin: 0 auto 32px; position: relative; } .button-container .button { margin: 0 0 8px; } @media only screen and (max-width: 1000px) { .button-container { -ms-align-items: center; align-items: center; margin: 16px 0 8px; width: 100%; } } .comments-header { -ms-flex-pack: end; border-top: 1px solid #e5e7eb; display: flex; -ms-justify-content: flex-end; justify-content: flex-end; padding: 15px 0; } @media only screen and (max-width: 575px) { .comments-header { padding-bottom: 0; padding-top: 10px; } } .comments-header .comments-header-button { border-radius: 4px; margin-left: 10px; } @media only screen and (max-width: 575px) { .comments-header .comments-header-button { display: block; float: none; margin: 0 0 10px; width: 100%; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .comments-header .comments-header-button { font-size: 10px; margin-left: 5px; padding: 10px 20px; } } .comment-form-buttons { margin-left: auto; } .comment-form-buttons, .form-footer { display: flex; } .form-footer { height: 40px; margin-top: 15px; position: relative; } :host, :root { --color-black: #11161a; --color-white: #fff; --color-white-alpha-50: hsla(0, 0%, 100%, 0.04); --color-white-alpha-100: hsla(0, 0%, 100%, 0.06); --color-white-alpha-200: hsla(0, 0%, 100%, 0.08); --color-white-alpha-300: hsla(0, 0%, 100%, 0.16); --color-white-alpha-400: hsla(0, 0%, 100%, 0.24); --color-white-alpha-500: hsla(0, 0%, 100%, 0.36); --color-white-alpha-600: hsla(0, 0%, 100%, 0.48); --color-white-alpha-700: hsla(0, 0%, 100%, 0.64); --color-white-alpha-800: hsla(0, 0%, 100%, 0.8); --color-white-alpha-900: hsla(0, 0%, 100%, 0.92); --color-black-alpha-50: rgba(0, 0, 0, 0.04); --color-black-alpha-100: rgba(0, 0, 0, 0.06); --color-black-alpha-200: rgba(0, 0, 0, 0.08); --color-black-alpha-300: rgba(0, 0, 0, 0.16); --color-black-alpha-400: rgba(0, 0, 0, 0.24); --color-black-alpha-500: rgba(0, 0, 0, 0.36); --color-black-alpha-600: rgba(0, 0, 0, 0.48); --color-black-alpha-700: rgba(0, 0, 0, 0.64); --color-black-alpha-800: rgba(0, 0, 0, 0.8); --color-black-alpha-900: rgba(0, 0, 0, 0.92); --color-brand-100: #edf6ff; --color-brand-200: #bddcff; --color-brand-300: #77b5ff; --color-brand-400: #3b95ff; --color-brand-500: #1975f1; --color-brand-600: #085fd9; --color-brand-700: #004ab3; --color-brand-800: #00368c; --color-brand-900: #002466; --color-warm-gray-50: #fafaf9; --color-warm-gray-100: #f5f5f4; --color-warm-gray-200: #e7e5e4; --color-warm-gray-300: #d6d3d1; --color-warm-gray-400: #a8a29e; --color-warm-gray-500: #78716c; --color-warm-gray-600: #57534e; --color-warm-gray-700: #44403c; --color-warm-gray-800: #292524; --color-warm-gray-900: #1c1917; --color-true-gray-50: #fafafa; --color-true-gray-100: #f5f5f5; --color-true-gray-200: #e5e5e5; --color-true-gray-300: #d4d4d4; --color-true-gray-400: #a3a3a3; --color-true-gray-500: #737373; --color-true-gray-600: #525252; --color-true-gray-700: #404040; --color-true-gray-800: #262626; --color-true-gray-900: #171717; --color-cool-gray-50: #f9fafb; --color-cool-gray-100: #f3f4f6; --color-cool-gray-200: #e5e7eb; --color-cool-gray-300: #d1d5db; --color-cool-gray-400: #9ca3af; --color-cool-gray-500: #6b7280; --color-cool-gray-600: #4b5563; --color-cool-gray-700: #374151; --color-cool-gray-800: #1f2937; --color-cool-gray-900: #111827; --color-blue-gray-50: #f8fafc; --color-blue-gray-100: #f1f5f9; --color-blue-gray-200: #e2e8f0; --color-blue-gray-300: #cbd5e1; --color-blue-gray-400: #94a3b8; --color-blue-gray-500: #64748b; --color-blue-gray-600: #475569; --color-blue-gray-700: #334155; --color-blue-gray-800: #1e293b; --color-blue-gray-900: #0f172a; --color-rose-50: #fff1f2; --color-rose-100: #ffe4e6; --color-rose-200: #fecdd3; --color-rose-300: #fda4af; --color-rose-400: #fb7185; --color-rose-500: #f43f5e; --color-rose-600: #e11d48; --color-rose-700: #be123c; --color-rose-800: #9f1239; --color-rose-900: #881337; --color-pink-50: #fdf2f8; --color-pink-100: #fce7f3; --color-pink-200: #fbcfe8; --color-pink-300: #f9a8d4; --color-pink-400: #f472b6; --color-pink-500: #ec4899; --color-pink-600: #db2777; --color-pink-700: #be185d; --color-pink-800: #9d174d; --color-pink-900: #831843; --color-fuchsia-50: #fdf4ff; --color-fuchsia-100: #fae8ff; --color-fuchsia-200: #f5d0fe; --color-fuchsia-300: #f0abfc; --color-fuchsia-400: #e879f9; --color-fuchsia-500: #d946ef; --color-fuchsia-600: #c026d3; --color-fuchsia-700: #a21caf; --color-fuchsia-800: #86198f; --color-fuchsia-900: #701a75; --color-purple-50: #faf5ff; --color-purple-100: #f3e8ff; --color-purple-200: #e9d5ff; --color-purple-300: #d8b4fe; --color-purple-400: #c084fc; --color-purple-500: #a855f7; --color-purple-600: #9333ea; --color-purple-700: #7e22ce; --color-purple-800: #6b21a8; --color-purple-900: #581c87; --color-violet-50: #f5f3ff; --color-violet-100: #ede9fe; --color-violet-200: #ddd6fe; --color-violet-300: #c4b5fd; --color-violet-400: #a78bfa; --color-violet-500: #8b5cf6; --color-violet-600: #7c3aed; --color-violet-700: #6d28d9; --color-violet-800: #5b21b6; --color-violet-900: #4c1d95; --color-indigo-50: #eef2ff; --color-indigo-100: #e0e7ff; --color-indigo-200: #c7d2fe; --color-indigo-300: #a5b4fc; --color-indigo-400: #818cf8; --color-indigo-500: #6366f1; --color-indigo-600: #4f46e5; --color-indigo-700: #4338ca; --color-indigo-800: #3730a3; --color-indigo-900: #312e81; --color-blue-50: #eff6ff; --color-blue-100: #dbeafe; --color-blue-200: #bfdbfe; --color-blue-300: #93c5fd; --color-blue-400: #60a5fa; --color-blue-500: #3b82f6; --color-blue-600: #2563eb; --color-blue-700: #1d4ed8; --color-blue-800: #1e40af; --color-blue-900: #1e3a8a; --color-blue-ifixit: #1975f1; --color-light-blue-50: #f0f9ff; --color-light-blue-100: #e0f2fe; --color-light-blue-200: #bae6fd; --color-light-blue-300: #7dd3fc; --color-light-blue-400: #38bdf8; --color-light-blue-500: #0ea5e9; --color-light-blue-600: #0284c7; --color-light-blue-700: #0369a1; --color-light-blue-800: #075985; --color-light-blue-900: #0c4a6e; --color-cyan-50: #ecfeff; --color-cyan-100: #cffafe; --color-cyan-200: #a5f3fc; --color-cyan-300: #67e8f9; --color-cyan-400: #22d3ee; --color-cyan-500: #06b6d4; --color-cyan-600: #0891b2; --color-cyan-700: #0e7490; --color-cyan-800: #155e75; --color-cyan-900: #164e63; --color-teal-50: #f0fdfa; --color-teal-100: #ccfbf1; --color-teal-200: #99f6e4; --color-teal-300: #5eead4; --color-teal-400: #2dd4bf; --color-teal-500: #14b8a6; --color-teal-600: #0d9488; --color-teal-700: #0f766e; --color-teal-800: #115e59; --color-teal-900: #134e4a; --color-emerald-50: #ecfdf5; --color-emerald-100: #d1fae5; --color-emerald-200: #a7f3d0; --color-emerald-300: #6ee7b7; --color-emerald-400: #34d399; --color-emerald-500: #10b981; --color-emerald-600: #059669; --color-emerald-700: #047857; --color-emerald-800: #065f46; --color-emerald-900: #064e3b; --color-green-50: #f0fdf4; --color-green-100: #dcfce7; --color-green-200: #bbf7d0; --color-green-300: #86efac; --color-green-400: #4ade80; --color-green-500: #22c55e; --color-green-600: #16a34a; --color-green-700: #15803d; --color-green-800: #166534; --color-green-900: #14532d; --color-lime-50: #f7fee7; --color-lime-100: #ecfccb; --color-lime-200: #d9f99d; --color-lime-300: #bef264; --color-lime-400: #a3e635; --color-lime-500: #84cc16; --color-lime-600: #65a30d; --color-lime-700: #4d7c0f; --color-lime-800: #3f6212; --color-lime-900: #365314; --color-yellow-50: #fefce8; --color-yellow-100: #fef9c3; --color-yellow-200: #fef08a; --color-yellow-300: #fde047; --color-yellow-400: #facc15; --color-yellow-500: #eab308; --color-yellow-600: #ca8a04; --color-yellow-700: #a16207; --color-yellow-800: #854d0e; --color-yellow-900: #713f12; --color-amber-50: #fffbeb; --color-amber-100: #fef3c7; --color-amber-200: #fde68a; --color-amber-300: #fcd34d; --color-amber-400: #fbbf24; --color-amber-500: #f59e0b; --color-amber-600: #d97706; --color-amber-700: #b45309; --color-amber-800: #92400e; --color-amber-900: #78350f; --color-orange-50: #fff7ed; --color-orange-100: #ffedd5; --color-orange-200: #fed7aa; --color-orange-300: #fdba74; --color-orange-400: #fb923c; --color-orange-500: #f97316; --color-orange-600: #ea580c; --color-orange-700: #c2410c; --color-orange-800: #9a3412; --color-orange-900: #7c2d12; --color-red-50: #fef2f2; --color-red-100: #fee2e2; --color-red-200: #fecaca; --color-red-300: #fca5a5; --color-red-400: #f87171; --color-red-500: #ef4444; --color-red-600: #dc2626; --color-red-700: #b91c1c; --color-red-800: #991b1b; --color-red-900: #7f1d1d; --color-red-dozuki: #dd4124; --color-gray-50: #f9fafb; --color-gray-100: #f3f4f6; --color-gray-200: #e5e7eb; --color-gray-300: #d1d5db; --color-gray-400: #9ca3af; --color-gray-500: #6b7280; --color-gray-600: #4b5563; --color-gray-700: #374151; --color-gray-800: #1f2937; --color-gray-900: #111827; --space-0: 0; --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px; --space-6: 32px; --space-7: 40px; --space-8: 48px; --space-9: 64px; --space-10: 80px; --space-11: 96px; --space-12: 112px; --space-13: 128px; --font-family-arial-black: "Arial Black", "Arial Bold", Gadget, sans-serif; --font-family-lato: Lato, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; --font-family-mono: "Roboto Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace; --font-family-mono-system: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace; --font-family-sans-system: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; --font-family-serif-system: Georgia, serif; --font-size-sm: 0.86rem; --font-size-md: 1rem; --font-size-lg: 1.14rem; --font-size-xl: 1.285rem; --font-size-2xl: 1.43rem; --font-size-3xl: 1.715rem; --font-size-4xl: 2.14rem; --font-size-5xl: 2.57rem; --font-size-6xl: 3.43rem; --font-size-7xl: 4rem; --font-size-8xl: 4.57rem; --font-size-9xl: 5.14rem; --font-weight-normal: 400; --font-weight-semi-bold: 600; --font-weight-bold: 700; --line-height-none: 1; --line-height-base: 1.142857143; --line-height-tight: 1.25; --line-height-normal: 1.42857; --line-height-loose: 2; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 1028px; --breakpoint-xl: 1280px; --breakpoint-2xl: 1536px; --min-breakpoint-sm: @media (min-width: 576px); --min-breakpoint-md: @media (min-width: 768px); --min-breakpoint-lg: @media (min-width: 1028px); --min-breakpoint-xl: @media (min-width: 1280px); --min-breakpoint-2xl: @media (min-width: 1536px); --shadow-0: 0 0 1px rgba(17, 22, 26, 0.2); --shadow-1: 0 1px 2px rgba(17, 22, 26, 0.1), 0 2px 4px rgba(17, 22, 26, 0.1); --shadow-2: 0 1px 2px rgba(17, 22, 26, 0.1), 0 4px 8px rgba(17, 22, 26, 0.1); --shadow-3: 0 2px 4px rgba(17, 22, 26, 0.1), 0 8px 16px rgba(17, 22, 26, 0.2); --shadow-4: 0 4px 8px rgba(17, 22, 26, 0.1), 0 16px 32px rgba(17, 22, 26, 0.2); --border-radius-sm: 2px; --border-radius-md: 4px; --border-radius-lg: 8px; --border-radius-xl: 16px; --border-radius-pill: 999em; } h1 { font-size: 26px; line-height: 38px; margin: 0 0 10px; min-height: 38px; } @media only screen and (max-width: 575px) { h1 { font-size: 18px; line-height: 30px; min-height: 30px; } } h2 { border-bottom: 0; color: #212426; font-size: 24px; margin: 0 0 18px; padding: 0; } @media only screen and (max-width: 575px) { h2 { font-size: 18px; } } h3 { color: #212426; font-size: 16px; } .full-width-video .row, h3 { margin: 0; } @media only screen and (max-width: 1000px) { .responsive.fullWidth #contentFloat { padding: 0 16px; } } .introduction-container { font-size: 16px; margin: 50px 0; } .introduction-container p { font-size: 16px; } @media only screen and (max-width: 575px) { .introduction-container { margin: 30px 0; } .comments-button-container .divider-content { flex: 2 0 20px; } .comments-button-container .add-comment-button-container { flex: 1 0 20px; margin-left: 20px; } } .add-comment-button { white-space: nowrap; } .comments-container { height: auto; opacity: 1; } .comments-container.closed { height: 0; opacity: 0; } .step-comments { border: 0; margin-bottom: 40px; } .step-comments .comments-header { border-top: 0; padding: 0; } .step-comments { -webkit-text-size-adjust: none; } .step-comments .add-comment-form { margin-left: 20px; margin-right: 20px; margin-top: 20px; } @media only screen and (max-width: 575px) { .step-comments .add-comment-form { margin-left: 0; margin-right: 0; } } .step-comments .formBody { background-color: transparent; padding: 0; } .guide-comments-container .maxCharacters, .step-comments .maxCharacters { float: left; } .video-container { -ms-flex-pack: center; background-color: #e6e6e6; border-radius: 4px; -ms-justify-content: center; justify-content: center; overflow: hidden; width: 100%; } .video-container .videoBox { padding-bottom: 56.25% !important; } @media only screen and (min-width: 1001px) { .video-container div[data-video-size] { flex: 1; } .video-container div[data-video-size="medium"] { width: 761px; } } #guideConclusion .finish-line { display: inline-block; font-size: 1.43rem; font-weight: 700; letter-spacing: 1px; margin: 0 auto 32px; padding: 0 16px; position: relative; text-transform: uppercase; z-index: 1; } #guideConclusion .finish-line .fa { color: #93c5fd; font-size: 24px; margin-right: 8px; position: relative; top: 3px; } .conclusionText { color: #1f2937; overflow-wrap: break-word; text-align: left; } @media only screen and (max-width: 575px) { .conclusionText { max-width: 85vw; } } .conclusionText p { font-size: 1.14rem; margin: 8px auto; } .steps-container { padding-inline-start: 0; } @media only screen and (max-width: 1000px) { .steps-container { padding: 0 0 16px; } } .steps-container li { display: block; } .step { display: flex; flex-direction: column; } .step .row { margin-bottom: 16px; } @media only screen and (max-width: 575px) { .step .step-container { margin-bottom: 0; } } .step-title { border: 0; font-size: 24px; font-weight: 400; margin-bottom: 0; position: relative; } @media only screen and (max-width: 575px) { .step-title { font-size: 18px; margin-top: 16px; } } @media only screen and (max-width: 1000px) { .step-title { margin-top: 16px; } } .step-title a, .step-title strong { color: #212426; text-decoration: none; } .step-title strong { font-weight: 700; } .step-title .stepTitleTitle { margin-left: 16px; } .step-edit-link { height: 0; opacity: 0; -ms-order: -1; order: -1; visibility: hidden; z-index: 1; } .step-edit-link .button { float: right; } .step-container { -ms-flex-align: start; -ms-flex-pack: justify; -ms-align-items: flex-start; align-items: flex-start; flex-wrap: nowrap; -ms-flex-wrap: none; -ms-justify-content: space-between; justify-content: space-between; } .step-container .step-content { max-width: 600px; width: 100%; } @media not (-ms-high-contrast: none) { .step-container > div { flex: 50%; } } .step-container img.stepImage { background: url(https://assets.cdn.ifixit.com/static/images/modal/spinner.gif) no-repeat; background-position: 50%; } .step-container .stepImageContainer { min-height: 444px; width: 100%; } @media only screen and (max-width: 575px) { .step-container .stepImageContainer { min-height: calc(75vw - 30px); } } @media only screen and (min-width: 576px) and (max-width: 1000px) { .step-container .stepImageContainer { min-height: calc(37.5vw - 30px); } } @media only screen and (max-width: 575px) { .step-container { flex-direction: column; } .step-thumbnails { -ms-justify-content: center; justify-content: center; } .step-thumbnails .step-thumbnail:not(:last-child) { margin-right: 20px; } } .step-thumbnail { box-shadow: 0 0 0 0 transparent; flex: 0 1 186px; } @media only screen and (max-width: 575px) { .step-thumbnail { -ms-flex-pack: justify; -ms-align-items: center; align-items: center; -ms-justify-content: space-between; justify-content: space-between; } } .step-thumbnail img { border-radius: 4px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15); object-fit: cover; opacity: 0.7; width: 100%; } .step-thumbnail.active { transform: translateY(-4px); } @media only screen and (max-width: 575px) { .step-thumbnail.active { transform: translateY(0); } } .step-thumbnail.active img { box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5); opacity: 1; } @media only screen and (max-width: 575px) { .step-thumbnail.active img { box-shadow: 0 0 2px rgba(0, 0, 0, 0.75); } } .step-main-media { -ms-flex-grow: 2; flex-grow: 2; max-width: 593px; position: relative; } @media only screen and (min-width: 576px) and (max-width: 1000px) { .step-main-media { -ms-flex-grow: 1; flex-grow: 1; max-width: 50vw; } } .step-main-media .stepImage { height: auto; left: 0; position: absolute; top: 0; visibility: hidden; } .step-main-media .stepImage.visible { position: static; visibility: visible; } .step-main-media > img { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 4px; display: block; max-height: 444px; max-width: 593px; z-index: 1; } @media only screen and (max-width: 575px) { .step-main-media > img { max-width: 100%; } } @media only screen and (min-width: 576px) and (max-width: 1000px) { .step-main-media > img { max-width: 100%; } } @media only screen and (max-width: 575px) { .step-main-media { flex: 0 0 auto; margin-bottom: 20px; } } @media only screen and (max-width: 1000px) { .step-content { margin-bottom: 0; } } li.level-1 { margin-left: 28px; } .step-lines { list-style: none; margin: 0; padding: 0; } .step-lines li { margin-bottom: 20px; position: relative; } .step-lines .bullet { font-size: 10px; left: 3px; position: absolute; top: 5px; } .step-lines .bulletIcon { font-size: 16px; height: auto; left: 8px; line-height: 1; top: 7px; } .step-lines p { text-wrap: pretty; font-size: 16px; line-height: 22px; margin: 0; max-width: 55ch; padding: 0 2px 0 26px; } @media only screen and (min-width: 576px) and (max-width: 1000px) { .step-lines p { padding: 0 20px 0 26px; } } .step-wrapper { display: flex; flex-direction: column; } @media only screen and (min-width: 1001px) { .step-wrapper { margin-top: 40px; } } .step-wrapper .add-comment-button { color: #6b7280; font-size: 14px; } .step-wrapper .add-comment-button [class*="svg-icon"] { margin-right: 8px; opacity: 1; } #embedBox { padding: 0 20px 20px; } #embedBox h3 { color: #212426; font-size: 18px; margin: 16px 0 12px; } #embedBox .button-container { margin: 24px 0; } #embedBox textarea { font-size: 16px; height: 60px; width: 100%; } .credit-author-team-container h4 a { font-weight: 700; } .credit-author-team-container a { color: inherit; } .credit-author-team-container div.team-container h4 a { color: #d4d7dd; } .bullet { font-size: 12px; height: 12px; line-height: 12px; width: 12px; } .bullet_black { color: #212426; } .bulletIcon { font-size: 28px; height: 28px; line-height: 28px; margin-left: -10px; margin-top: -4px; top: 0; } .ico-step-icon-note { color: #666; } :where(.component-GuideTopComponent) { width: 100%; } .skip-to-content { height: 1px; left: -999px; overflow: hidden; position: absolute; top: auto; width: 1px; z-index: -999; .skip-to-content:active, .skip-to-content:focus { background-color: #000; color: #fff; font-size: 36px; height: auto; left: 0; margin: 5px; overflow: auto; padding: 5px; text-align: center; top: 0; width: auto; z-index: 999; } } * { box-sizing: border-box; } body, html { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Noto Sans, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji; margin: 0; padding: 0; position: relative; text-rendering: optimizeSpeed; } #content#content { margin-top: 0; } /*! File: Shared/prosemirror.less */ .ProseMirror-menubar-wrapper .ProseMirror { background: #fff; border: 1px solid #d1d5db; border-radius: 4px; color: #1f2937; line-height: 1.2; margin-top: 8px; min-height: 120px; outline: 0 solid transparent; padding: 12px 16px; } .ProseMirror-menubar-wrapper .ProseMirror .widget-container { display: inline-block; left: 20%; min-width: fit-content; min-width: 350px; position: absolute; user-select: none; width: 60%; z-index: 10; } .ProseMirror-menubar-wrapper .ProseMirror .widget-container .prosemirror-link-editor { background-color: #f9fafb; border: 1px solid #a8b4c4; border-radius: 2px; box-shadow: 0 -5px 15px 10px rgba(0, 3, 6, 0.07); margin-top: -115px; padding: 10px; } .ProseMirror-menubar-wrapper .ProseMirror .widget-container input { border: 1px solid #d1d5db; border-radius: 4px; bottom: 0.75em; color: rgba(0, 3, 6, 0.74); font-size: 12px; left: -133px; padding: 5px; visibility: hidden; width: 100%; } .ProseMirror-menubar-wrapper .ProseMirror .widget-container .link-edit-buttongroup { -ms-flex-pack: end; display: flex; flex-direction: row; -ms-justify-content: flex-end; justify-content: flex-end; } .ProseMirror-menubar-wrapper .ProseMirror .widget-container .link-edit-buttongroup .link-edit-button { margin: 15px 5px 5px; white-space: nowrap; } .ProseMirror-menubar { align-items: center; background-color: #f9fafb; border: 1px solid #e5e7eb; border-top-left-radius: inherit; border-top-right-radius: inherit; border-radius: 4px; box-sizing: border-box; display: flex; flex-wrap: wrap; font-size: 1.14rem; left: 0; line-height: 0; outline-style: none; overflow: visible; padding: 6px 8px; position: relative; right: 0; top: 0; z-index: 10; } .ProseMirror-menubar .ProseMirror-menuseparator { border: 1px solid #e5e7eb; display: inline-block; height: 24px; margin: 0 8px; } .ProseMirror-menuitem { display: inline-block; line-height: 0; margin: 0 8px; } .ProseMirror-icon { cursor: pointer; display: inline-block; line-height: 0; position: relative; } .ProseMirror-icon .tooltiptext { background-color: #000; border-radius: 4px; border-style: none; bottom: 120%; color: #fff; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Noto Sans, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji; font-size: 16px; left: -1px; opacity: 0; padding: 5px 10px; pointer-events: none; position: absolute; text-align: center; white-space: nowrap; } @media only screen and (max-width: 575px) { .ProseMirror-icon .tooltiptext { display: none; } } .ProseMirror-icon .tooltiptext:after { border: 6px solid transparent; border-top-color: #000; content: " "; left: 15px; margin-left: -6px; position: absolute; top: 100%; } .ProseMirror-icon .flipped-tooltip { bottom: -220%; } .ProseMirror-icon .flipped-tooltip:after { border-color: transparent transparent #000; top: -35%; } .ProseMirror-icon:hover .tooltiptext { opacity: 1; transition: opacity 0.2s ease 0.2s; } .ProseMirror-icon svg { height: 1em; } .ProseMirror-icon span { vertical-align: text-top; } .ProseMirror-icon-reverse > svg { transform: scaleX(-1); } .ProseMirror-icon, .ProseMirror-menu-dropdown { color: #6b7280; } .menubar-header { color: #212426; font-size: 26px; font-weight: 700; } .menubar-subheader { color: #4b5563; font-size: 1.43rem; font-weight: 600; } .menubar-code { font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, monospace; } .tooltiptext { color: #6b7280; font-size: 16px; font-weight: 400; } .ProseMirror-menu-disabled { color: #d1d5db; } .ProseMirror-menu-disabled.ProseMirror-icon { cursor: default; } .ProseMirror-menu-active { background-color: rgba(0, 3, 6, 0.07); border-radius: 4px; } .prosemirror { outline-style: none; position: relative; } .ProseMirror-textblock-dropdown { min-width: 3em; } .ProseMirror-menu { line-height: 1; margin: 0 -4px; } .ProseMirror-tooltip .ProseMirror-menu { white-space: pre; width: fit-content; } .ProseMirror-menu-dropdown, .ProseMirror-menu-dropdown-menu { font-size: 90%; white-space: nowrap; } .ProseMirror-menu-dropdown { cursor: pointer; display: flex; padding-right: 16px; position: relative; } .ProseMirror-menu-dropdown svg { margin-right: 4px; } .ProseMirror-menu-dropdown:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid; content: ""; position: absolute; right: 4px; top: 38%; } .ProseMirror-menu-dropdown-wrap { display: inline-block; position: relative; } .ProseMirror-menu-dropdown-menu, .ProseMirror-menu-submenu { background: #fff; border: 1px solid #aaa; color: #666; padding: 2px; position: absolute; } .ProseMirror-menu-dropdown-menu { min-width: 6em; z-index: 15; } .ProseMirror-menu-dropdown-item { cursor: pointer; padding: 2px 8px 2px 4px; } .ProseMirror-menu-dropdown-item:hover { background: #f2f2f2; } .ProseMirror-menu-submenu-wrap { margin-right: -4px; position: relative; } .ProseMirror-menu-submenu-label:after { border-bottom: 4px solid transparent; border-left: 4px solid; border-top: 4px solid transparent; color: rgba(0, 0, 0, 0.6); content: ""; position: absolute; right: 4px; top: 46%; } .ProseMirror-menu-submenu { display: none; left: 100%; min-width: 4em; top: -3px; } .ProseMirror-menu-submenu-wrap-active .ProseMirror-menu-submenu, .ProseMirror-menu-submenu-wrap:hover .ProseMirror-menu-submenu { display: block; } .ProseMirror { word-wrap: break-word; font-variant-ligatures: none; position: relative; white-space: pre-wrap; } .ProseMirror ol, .ProseMirror ul { padding-left: 30px; } .ProseMirror blockquote { border-left: 3px solid #eee; margin-left: 0; margin-right: 0; padding-left: 1em; } .ProseMirror p { font-size: 1.14rem; } .ProseMirror-hideselection ::selection { background: 0 0; } .ProseMirror-hideselection ::-moz-selection { background: 0 0; } .ProseMirror-selectednode { outline: 2px solid #8cf; } li.ProseMirror-selectednode { outline: 0; } li.ProseMirror-selectednode:after { border: 2px solid #8cf; bottom: -2px; content: ""; left: -32px; pointer-events: none; position: absolute; right: -2px; top: -2px; } .ProseMirror-example-setup-style hr { border: none; margin: 1em 0; padding: 2px 10px; } .ProseMirror-example-setup-style hr:after { background-color: silver; content: ""; display: block; height: 1px; line-height: 2px; } .ProseMirror-example-setup-style img { cursor: default; } .ProseMirror-prompt { background: #fff; border: 1px solid silver; border-radius: 3px; box-shadow: -0.5px 2px 5px rgba(0, 0, 0, 0.2); padding: 5px 10px 5px 15px; position: fixed; z-index: 11; } .ProseMirror-prompt h5 { color: #444; font-size: 100%; font-weight: 400; margin: 0; } .ProseMirror-prompt input[type="text"], .ProseMirror-prompt textarea { background: #eee; border: none; outline: 0; } .ProseMirror-prompt input[type="text"] { padding: 0 4px; } .ProseMirror-prompt-close { background: 0 0; border: none; color: #666; left: 2px; padding: 0; position: absolute; top: 1px; } .ProseMirror-prompt-close:after { content: "✕"; font-size: 12px; } .ProseMirror-invalid { background: #ffc; border: 1px solid #cc7; border-radius: 4px; min-width: 10em; padding: 5px 10px; position: absolute; } .ProseMirror-prompt-buttons { display: none; margin-top: 5px; } </style> </head> <body class="page-background-gradient responsive full-page-background fullWidth user-guide" data-reactroot>  <style> .skip-to-content { left: -999px; position: absolute; top: auto; width: 1px; height: 1px; overflow: hidden; z-index: -999; .skip-to-content:focus, .skip-to-content:active { color: white; background-color: black; left: 0; top: 0; width: auto; height: auto; overflow: auto; padding: 5px; margin: 5px; text-align: center; font-size: 36px; z-index: 999; } } </style> <a href="#content" class="skip-to-content "> Skip to main content</a> <div id="notifications" style="display:none;"> <div class="close"><i class="fa fa-times " ></i></div> </div>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-59NVBFN" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>   <script type="text/javascript"> (function(window, document, dataLayerName, id) { window[dataLayerName]=window[dataLayerName]||[],window[dataLayerName].push({start:(new Date).getTime(),event:"stg.start"});var scripts=document.getElementsByTagName('script')[0],tags=document.createElement('script'); function stgCreateCookie(a,b,c){var d="";if(c){var e=new Date;e.setTime(e.getTime()+24*c*60*60*1e3),d="; expires="+e.toUTCString();f="; SameSite=Strict"}document.cookie=a+"="+b+d+f+"; path=/"} var isStgDebug=(window.location.href.match("stg_debug")||document.cookie.match("stg_debug"))&&!window.location.href.match("stg_disable_debug");stgCreateCookie("stg_debug",isStgDebug?1:"",isStgDebug?14:-1); var qP=[];dataLayerName!=="dataLayer"&&qP.push("data_layer_name="+dataLayerName),isStgDebug&&qP.push("stg_debug");var qPString=qP.length>0?("?"+qP.join("&")):""; tags.async=!0,tags.src='https://ifixit.containers.piwik.pro/'+id+".js"+qPString,scripts.parentNode.insertBefore(tags,scripts); !function(a,n,i){a[n]=a[n]||{};for(var c=0;c<i.length;c++)!function(i){a[n][i]=a[n][i]||{},a[n][i].api=a[n][i].api||function(){var a=[].slice.call(arguments,0);"string"==typeof a[0]&&window[dataLayerName].push({event:n+"."+i+":"+a[0],parameters:[].slice.call(arguments,1)})}}(i[c])}(window,"ppms",["tm","cm"]); })(window, document, 'pproDataLayer', '6bf6bc54-82ca-4321-8620-b12d5c9b57b6'); var _paq = window._paq = window._paq || []; _paq.push(['setCustomDimensionValue', 1, 'ifixit-us']); _paq.push(['setCustomDimensionValue', 2, 'EN']); if('' !== '') { const privilege = ''.replace('&', '&'); _paq.push(['setCustomDimensionValue', 3, privilege]); } </script>  <div id="background"> <div class="react-component component-PopupModal" data-reactroot data-name="PopupModal" data-props="[]"> </div> <div class="react-component component-Header" data-reactroot data-name="Header" data-props="{"isOnCart":false,"links":[{"title":"Fix Your Stuff","url":"\/Guide","sublinks":[{"title":"Repair Guides","description":"Learn how to fix just about anything with our step-by-step guides.","url":"\/Guide"},{"title":"Answers Forum","description":"Share solutions and get help from a friend.","url":"\/Answers"},{"title":"Teardowns","description":"Get a sneak peek inside the latest gadgets.","url":"\/Teardown"},{"title":"News","description":"Your destination for tech repair news.","url":"\/News"}]},{"title":"Community","url":"\/Community","sublinks":[{"title":"Get Involved","description":"Help teach people to make their stuff work again.","url":"\/Community"},{"title":"Right to Repair","description":"Learn about the Right to Repair movement and how to be an advocate.","url":"\/Right-to-Repair"},{"title":"Repairability","description":"Learn why fixable products make sense.","url":"\/repairability"},{"title":"Our Manifesto","description":"Join the repair revolution!","url":"\/Manifesto"}]},{"title":"Store","url":"https:\/\/www.ifixit.com\/Store","hasStoreDropdown":true,"sublinks":[{"title":"Featured","description":"Quality parts and tools backed by our lifetime guarantee.","url":"https:\/\/www.ifixit.com\/Store"},{"title":"Tools","description":"Shop our wide selection of precision tools.","url":"https:\/\/www.ifixit.com\/Tools"},{"title":"Parts","description":"Shop parts backed by our quality guarantee.","url":"https:\/\/www.ifixit.com\/Parts"},{"title":"Merch","description":"Show your love for iFixit with shirts, posters and more.","url":"https:\/\/www.ifixit.com\/Tools\/iFixit_Gear"}]}],"stores":[{"name":"United States","storeCode":"us","currency":"USD","isDisplayStore":true},{"name":"Australia","storeCode":"au","currency":"AUD","isDisplayStore":false},{"name":"Canada","storeCode":"ca","currency":"CAD","isDisplayStore":false},{"name":"Germany","storeCode":"de","currency":"EUR","isDisplayStore":false},{"name":"France","storeCode":"fr","currency":"EUR","isDisplayStore":false},{"name":"United Kingdom","storeCode":"uk","currency":"GBP","isDisplayStore":false},{"name":"Europe","storeCode":"eu","currency":"EUR","isDisplayStore":false}],"dropdowns":{"languageDropdown":{"languages":[{"name":"German","autoglottonym":"Deutsch","currency":"DEM","locale":"de_DE","png16":"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/ba\/Flag_of_Germany.svg\/16px-Flag_of_Germany.svg.png","png32":"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/ba\/Flag_of_Germany.svg\/32px-Flag_of_Germany.svg.png","isoCode":"DE","isSelected":false},{"name":"English","autoglottonym":"English","currency":"USD","locale":"en_US","png16":"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/a\/a4\/Flag_of_the_United_States.svg\/16px-Flag_of_the_United_States.svg.png","png32":"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/a\/a4\/Flag_of_the_United_States.svg\/32px-Flag_of_the_United_States.svg.png","isSelected":true,"isoCode":"EN"},{"name":"Spanish","autoglottonym":"Espa\u00f1ol","currency":"MXN","locale":"es_MX","png16":"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/f\/fc\/Flag_of_Mexico.svg\/16px-Flag_of_Mexico.svg.png","png32":"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/f\/fc\/Flag_of_Mexico.svg\/32px-Flag_of_Mexico.svg.png","isoCode":"ES","isSelected":false},{"name":"French","autoglottonym":"Fran\u00e7ais","currency":"EUR","locale":"fr_FR","png16":"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/c\/c3\/Flag_of_France.svg\/16px-Flag_of_France.svg.png","png32":"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/c\/c3\/Flag_of_France.svg\/32px-Flag_of_France.svg.png","isoCode":"FR","isSelected":false},{"name":"Italian","autoglottonym":"Italiano","currency":"EUR","locale":"it_IT","png16":"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/0\/03\/Flag_of_Italy.svg\/16px-Flag_of_Italy.svg.png","png32":"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/0\/03\/Flag_of_Italy.svg\/32px-Flag_of_Italy.svg.png","isoCode":"IT","isSelected":false},{"name":"Dutch","autoglottonym":"Nederlands","currency":"EUR","locale":"nl_NL","png16":"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/2\/20\/Flag_of_the_Netherlands.svg\/16px-Flag_of_the_Netherlands.svg.png","png32":"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/2\/20\/Flag_of_the_Netherlands.svg\/32px-Flag_of_the_Netherlands.svg.png","isoCode":"NL","isSelected":false},{"name":"Portuguese","autoglottonym":"Portugu\u00eas","currency":"PP","locale":"pt_BR","png16":"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/0\/05\/Flag_of_Brazil.svg\/16px-Flag_of_Brazil.svg.png","png32":"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/0\/05\/Flag_of_Brazil.svg\/32px-Flag_of_Brazil.svg.png","isoCode":"PT","isSelected":false},{"name":"Russian","autoglottonym":"P\u0443\u0441\u0441\u043a\u0438\u0439","currency":"RUR","locale":"ru_RU","png16":"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/f\/f3\/Flag_of_Russia.svg\/16px-Flag_of_Russia.svg.png","png32":"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/f\/f3\/Flag_of_Russia.svg\/32px-Flag_of_Russia.svg.png","isoCode":"RU","isSelected":false},{"name":"Turkish","autoglottonym":"T\u00fcrk\u00e7e","currency":"TRY","locale":"tr_TR","png16":"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b4\/Flag_of_Turkey.svg\/16px-Flag_of_Turkey.svg.png","png32":"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b4\/Flag_of_Turkey.svg\/32px-Flag_of_Turkey.svg.png","isoCode":"TR","isSelected":false},{"name":"Chinese","autoglottonym":"\u4e2d\u6587","currency":"HKD","locale":"zh_CN","png16":"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/f\/fa\/Flag_of_the_People%27s_Republic_of_China.svg\/16px-Flag_of_the_People%27s_Republic_of_China.svg.png","png32":"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/f\/fa\/Flag_of_the_People%27s_Republic_of_China.svg\/32px-Flag_of_the_People%27s_Republic_of_China.svg.png","isoCode":"ZH","isSelected":false},{"name":"Japanese","autoglottonym":"\u65e5\u672c\u8a9e","currency":"JPY","locale":"ja_JP","png16":"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/9\/9e\/Flag_of_Japan.svg\/16px-Flag_of_Japan.svg.png","png32":"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/9\/9e\/Flag_of_Japan.svg\/32px-Flag_of_Japan.svg.png","isoCode":"JP","isSelected":false},{"name":"Korean","autoglottonym":"\ud55c\uad6d\uc5b4","currency":"KRW","locale":"ko_KR","png16":"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/0\/09\/Flag_of_South_Korea.svg\/16px-Flag_of_South_Korea.svg.png","png32":"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/0\/09\/Flag_of_South_Korea.svg\/32px-Flag_of_South_Korea.svg.png","isoCode":"KO","isSelected":false}],"translationPreferencesUrl":"\/api\/2.0\/user\/setLanguagePreferences"},"userInfo":null,"shopifyStore":{"currencyCode":"USD","storeCode":"us","shopDomain":"ifixit-us.myshopify.com","storefrontAccessToken":"db3099692534a56ecec7b974a329d302","cartUrl":"https:\/\/www.ifixit.com\/cart","storeUrl":"https:\/\/www.ifixit.com\/Store"},"cartDrawer":{"flagCountryCode":"US","locale":"en-us"},"user":{"priceTiers":null}}}"> <style> * { -webkit-box-sizing: border-box; box-sizing: border-box; } html, body { margin: 0; padding: 0; text-rendering: optimizeSpeed; position: relative; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; } .header-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 68px; background: #11161A; } .header-container { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; width: 1400px; padding: 0 12px; } .header-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } .header-space { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .logo-container { display: -webkit-box; display: -ms-flexbox; display: flex; margin-inline: 16px; } .headings-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; height: 100%; } .headings-container a.heading { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 24px; color: white; font-size: 14px; font-weight: 600; text-decoration: none; margin: 0; } .menu-icon { display: none; } @media only screen and (max-width: 374px) { .logo-container { margin-inline: 12px; } } @media only screen and (max-width: 999px) { .header-container { padding-left: 12px; } .headings-container { display: none; } .menu-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; padding: 6px; } } @media only screen and (min-width: 1440px) { .header-container { padding: 0; } } </style> <div class="header-wrapper"> <div class="header-container"> <div class="header-left"> <div class="menu-icon"> <span class="svg-container" style="width: 24px; height: 24px; display: inline-flex;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#D2DADF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu"><line x1="4" y1="12" x2="20" y2="12" class="middle"></line><line x1="4" y1="6" x2="20" y2="6" class="top"></line><line x1="4" y1="18" x2="20" y2="18" class="bottom"></line></svg></span> </div> <div class="logo-container"> <span class="svg-container" style="width: 118px; height: 36px; display: inline-flex;"><svg width="118" height="36" viewBox="0 0 118 36" fill="none" xmlns="http://www.w3.org/2000/svg" focusable="false" style="display: block" > <path fillRule="evenodd" clipRule="evenodd" d="M108.185 13.1401H104.585C103.636 13.1401 102.858 12.3534 102.858 11.3942C102.858 10.4357 103.636 9.64859 104.585 9.64859H115.53C116.479 9.64859 117.257 10.4357 117.257 11.3942C117.257 12.3534 116.479 13.1401 115.53 13.1401H111.93V25.1143C111.93 26.1717 111.103 27.0077 110.057 27.0077C109.012 27.0077 108.185 26.1717 108.185 25.1143V13.1401Z" fill="white" /> <path fillRule="evenodd" clipRule="evenodd" d="M96.2178 11.3942C96.2178 10.3372 97.0448 9.50126 98.0906 9.50126C99.1364 9.50126 99.9634 10.3372 99.9634 11.3942V25.1143C99.9634 26.1717 99.1364 27.0077 98.0906 27.0077C97.0448 27.0077 96.2178 26.1717 96.2178 25.1143V11.3942Z" fill="white" /> <path fillRule="evenodd" clipRule="evenodd" d="M86.7676 18.3556L92.1018 12.9633C92.8473 12.2101 92.8473 10.9884 92.1018 10.2348C91.3566 9.48139 90.1478 9.48139 89.4027 10.2348L84.0685 15.6271L78.7343 10.2348C77.989 9.48139 76.7807 9.48139 76.0352 10.2348C75.2897 10.9884 75.2897 12.2099 76.0352 12.9633L81.3694 18.3556L76.0352 23.7477C75.2897 24.5011 75.2897 25.7228 76.0352 26.4764C76.4079 26.8532 76.8962 27.0414 77.3849 27.0414C77.8731 27.0414 78.3618 26.8532 78.7343 26.4764L84.0685 21.0841L89.4025 26.4764C89.7755 26.8532 90.2635 27.0414 90.7522 27.0414C91.2406 27.0414 91.7293 26.8532 92.1018 26.4764C92.8471 25.7228 92.8471 24.5011 92.1018 23.7477L86.7676 18.3556Z" fill="white" /> <path fillRule="evenodd" clipRule="evenodd" d="M68.1737 11.3942C68.1737 10.3372 69.0006 9.50126 70.0462 9.50126C71.0923 9.50126 71.9193 10.3372 71.9193 11.3942V25.1143C71.9193 26.1717 71.0923 27.0077 70.0462 27.0077C69.0006 27.0077 68.1737 26.1717 68.1737 25.1143V11.3942Z" fill="white" /> <path fillRule="evenodd" clipRule="evenodd" d="M52.0474 11.542C52.0474 10.4846 52.8746 9.64859 53.9206 9.64859H63.4551C64.4038 9.64859 65.1577 10.4109 65.1577 11.3697C65.1577 12.3287 64.4038 13.091 63.4551 13.091H55.7934V16.7544H62.3607C63.3091 16.7544 64.0628 17.5167 64.0628 18.4755C64.0628 19.4347 63.3091 20.1966 62.3607 20.1966H55.7934V25.1143C55.7934 26.1717 54.9662 27.0077 53.9206 27.0077C52.8746 27.0077 52.0474 26.1717 52.0474 25.1143V11.542Z" fill="white" /> <path fillRule="evenodd" clipRule="evenodd" d="M44.0456 11.3942C44.0456 10.3372 44.8726 9.50126 45.9182 9.50126C46.9642 9.50126 47.791 10.3372 47.791 11.3942V25.1143C47.791 26.1717 46.9642 27.0077 45.9182 27.0077C44.8726 27.0077 44.0456 26.1717 44.0456 25.1143V11.3942Z" fill="white" /> <path fillRule="evenodd" clipRule="evenodd" d="M22.7682 18.7576L26.2886 23.4561C26.5805 23.8461 26.5971 24.4944 26.3252 24.8986L26.1472 25.1625C25.8763 25.5659 25.3313 26.1268 24.9369 26.4092L24.5136 26.7101C24.1199 26.9919 23.4821 26.9816 23.0977 26.6865L18.4482 23.1233C18.0638 22.8282 17.4338 22.8282 17.0491 23.1233L12.3999 26.6865C12.015 26.9816 11.3739 26.9961 10.9773 26.7202L10.67 26.507C10.2731 26.2295 9.72042 25.6753 9.44417 25.2755L9.17896 24.8911C8.90271 24.4919 8.91463 23.8461 9.20524 23.4561L12.7305 18.7554C13.0211 18.3652 13.0211 17.7294 12.7305 17.3397L9.20524 12.6376C8.91463 12.2476 8.90359 11.6041 9.18205 11.2052L9.48171 10.7772C9.75906 10.3783 10.314 9.8274 10.7132 9.55372L10.9749 9.3738C11.3739 9.09878 12.015 9.11686 12.3999 9.41063L17.0491 12.974C17.4338 13.2689 18.0638 13.2689 18.4482 12.974L23.0977 9.41063C23.4821 9.11686 24.1364 9.07757 24.5533 9.3258L25.0396 9.61622C25.4563 9.86423 25.988 10.4172 26.2223 10.8442L26.3937 11.1569C26.6269 11.5829 26.5805 12.251 26.2886 12.641L22.7682 17.3419C22.4763 17.7317 22.4763 18.3688 22.7682 18.7576ZM17.8061 -2.79848e-09C7.97194 -2.79848e-09 -1.14211e-09 8.05854 -1.14211e-09 17.9989C-1.14211e-09 27.9404 7.97194 36 17.8061 36C27.6404 36 35.6124 27.9404 35.6124 17.9989C35.6124 8.05854 27.6404 -2.79848e-09 17.8061 -2.79848e-09Z" fill="#1975F1" /> </svg></span> </div> </div> <div class="headings-container"> <a href="/Guide" class="heading">Fix Your Stuff</a> <a href="/Community" class="heading">Community</a> <a href="/Store" class="heading">Store</a> </div> <div class="header-space"></div> </div> </div> </div> <div class="react-component component-ConsentBanner" data-reactroot data-name="ConsentBanner" data-props="{"isTest":false,"flagEnabled":false,"privacyPolicyUrl":"https:\/\/www.ifixit.com\/Info\/Privacy","needsConsent":false,"piwikSiteId":"6bf6bc54-82ca-4321-8620-b12d5c9b57b6","shopifyConfig":{"checkout":"store.ifixit.com","storefront":"ifixit.com","accessToken":"db3099692534a56ecec7b974a329d302"}}"> </div> <div class="react-component component-GuideNavComponent" data-reactroot data-name="GuideNavComponent" data-props="{"breadCrumbs":[{"name":"Home","url":"https:\/\/www.ifixit.com\/Guide"},{"name":"Skills","url":"https:\/\/www.ifixit.com\/Device\/Skills"},{"name":"iFixit How-To","url":"https:\/\/www.ifixit.com\/Device\/iFixit"}],"fullScreenUrl":"https:\/\/www.ifixit.com\/Guide\/embed\/38497","sharableUrl":"https:\/\/www.ifixit.com\/Guide\/How+to+Post-Process+Pictures\/38497","answersPartsUrl":"\/Answers\/Device\/iFixit","isTeardown":false,"guidesUrl":"https:\/\/www.ifixit.com\/Device\/iFixit#Section_Guides","devicePartsUrl":"","historyUrl":"\/Guide\/history\/38497","pdfUrl":"\/GuidePDF\/link\/38497\/en","editUrl":"\/Guide\/edit\/38497","translateUrl":"\/Guide\/translate\/38497","isSubscribed":false}"> <style> .placeholder-guide-nav { height: 49px; border-bottom: 1px solid; border-color: #e5e7eb; width: 100%; } .placeholder-breadcrumbs-mobile { height: 40px; } @media (min-width: 576px) { .placeholder-breadcrumbs-mobile { display: none; } } </style> <div class="placeholder-guide-nav"></div> <div class="placeholder-breadcrumbs-mobile"></div> </div> <div id="page" class=" "> <div id="main" > <div id="mainBody" >  <div id="bodyTop" class="fullWidth clearfix"> </div> <div class="statuses"> </div> <div id="contentFloat"> <div class="content-container"> <div id="content"> <div class="statuses"> </div> <div class="react-component component-GuideTopComponent" data-reactroot data-name="GuideTopComponent" data-props="{"productData":{"kits":[],"tools":[],"parts":[],"hasAffiliateLink":false},"introData":{"introHtml":"<p>Pictures rarely come out perfect and will require some editing to make them usable for guides. As there are many photo editing programs available, this guide will go over the general tools and techniques that can be used to improve the quality of a picture.<\/p>"},"subscribed":false,"isFavorite":false,"favoriteCount":12,"isCompleted":false,"completedCount":23,"shopifyStore":{"currencyCode":"USD","storeCode":"us","shopDomain":"ifixit-us.myshopify.com","storefrontAccessToken":"db3099692534a56ecec7b974a329d302"},"user":null,"guideData":{"title":"How to Post-Process Pictures","mainImage":"https:\/\/guide-images.cdn.ifixit.com\/igi\/1iTYwWM5tfRojPVF.140x105","mainImageUrl2x":"https:\/\/guide-images.cdn.ifixit.com\/igi\/1iTYwWM5tfRojPVF.200x150","mainImageUrlFull":"https:\/\/guide-images.cdn.ifixit.com\/igi\/1iTYwWM5tfRojPVF.large","published_date":"March 16, 2015","modified_date":"September 26, 2020","isTeardown":false,"commentCount":2,"viewCounts":{"today":0,"week":1,"month":24,"all":7059},"author":{"url":"https:\/\/www.ifixit.com\/User\/1\/iRobot","name":"iRobot","image":"https:\/\/guide-images.cdn.ifixit.com\/igi\/AjiayMD6LWqf5FAL.thumbnail","authorCount":3,"historyUrl":"\/Guide\/history\/38497"},"difficulty":3,"difficultyName":"Moderate","timeRequired":"No estimate","flags":[],"mainImageWidth":"140","mainImageHeight":"105","totalTimeIso":"PT0S","stepCount":8}}"> <style> .placeholder-guide-header-container { margin-left: 16px; margin-right: 16px; } @media (min-width: 576px) { .placeholder-guide-header-container { margin-left: 0px; margin-right: 0px; } } .placeholder-guide-header { display: flex; margin-top: 16px; padding-bottom: 12px; border-bottom: 1px solid; border-color: #d1d5db; } @media (min-width: 576px) { .placeholder-guide-header { height: 103.5px; margin-top: 32px; } } .placeholder-main-image { display: none; width: 300px; height: 225px; max-width: 120px; max-height: 90.5px; border-radius: 4px; border: 1px solid; border-color: #d1d5db; margin-right: 12px; } @media (min-width: 576px) { .placeholder-main-image { display: block; } } .placeholder-title-author-container { display: flex; flex-direction: column; width: 100%; } .placeholder-title { color: #1f2937; font-size: 24px; font-weight: 510; line-height: 1.33; margin-bottom: 8px; } @media (min-width: 576px) { .placeholder-title { font-size: 30px; } } @media (min-width: 768px) { .placeholder-title { line-height: 1.2; } } .placeholder-author { height: 40px; } .placeholder-guide-flags { height: 56px; padding-top: 12px; padding-bottom: 16px; } @media (min-width: 576px) { .placeholder-guide-flags { height: 58px; } } .placeholder-stats-tablet { height: 45px; border-bottom: 1px solid; border-color: #d1d5db; } @media (min-width: 768px) { .placeholder-stats-tablet { display: none; } } #content#content { margin-top: 0px; } </style> <div class="placeholder-guide-header-container"> <div class="placeholder-guide-header"> <div class="placeholder-main-image"></div> <div class="placeholder-title-author-container"> <h1 class="placeholder-title">How to Post-Process Pictures</h1> <div class="placeholder-author"></div> </div> </div> <div class="placeholder-stats-tablet"></div> <div class="placeholder-guide-flags"></div> </div> <style> .placeholder-guide-products { display: flex; flex-direction: column-reverse; } @media (min-width: 576px) { .placeholder-guide-products { flex-direction: row; } } .placeholder-products { flex: 1; max-height: 26px; min-height: 26px; height: 26px; margin-top: 10px; } @media (min-width: 576px) { .placeholder-products { max-height: calc(100% - 125.8px - 62); height: min(calc(100% - 125.8px - 62), 26px); } } @media (min-width: 768px) { .placeholder-products { max-height: calc(100% - 125.8px - 62); min-height: 26px; height: min(calc(100% - 125.8px - 62), 26px); } } .placeholder-disclosure { min-height: 62px; height: 62px; } @media (min-width: 1028px) { .placeholder-disclosure { min-height: calc(62px + 2px); height: calc(62px + 2px); } } .placeholder-flex-container { display: flex; flex: 1; flex-direction: column; margin: 0; padding: 16px; } @media (min-width: 576px) { .placeholder-flex-container { padding: 16px 0; } .placeholder-intro-container { padding-right: 8px; } .placeholder-products-container { padding-left: 16px; } } .placeholder-header { font-size: 20px; font-weight: 500; color: #1f2937; line-height: 1.2; margin-top: 0; margin-bottom: 12px; } @media (min-width: 576px) { .placeholder-header { font-size: 24px; margin-bottom: 16px; } } .placeholder-intro { margin: 0; } .placeholder-intro > *::first-child { padding: 0; margin: 0; } .placeholder-intro-link-container { display: flex; flex-direction: column-reverse; flex: 1; } @media (min-width: 576px) { .placeholder-intro-link-container { flex-direction: column; } } .placeholder-step-one-link-mobile { height: 23px; margin-top: 16px; margin-left: 16px; margin-bottom: 40px; margin-left: 0; } @media (min-width: 576px) { .placeholder-step-one-link-mobile { height: 0px; margin: 0px; } } .placeholder-spacer { display: flex; flex: 1; } @media (min-width: 576px) { .placeholder-products-container-nointro { padding-left: 0; } } </style><div class="placeholder-guide-products"> <div class="placeholder-intro-link-container"> <div class="placeholder-flex-container placeholder-intro-container introduction-container"> <h2 class="placeholder-header">Introduction</h2> <div class="placeholder-intro"><p>Pictures rarely come out perfect and will require some editing to make them usable for guides. As there are many photo editing programs available, this guide will go over the general tools and techniques that can be used to improve the quality of a picture.</p> </div> </div><div class="placeholder-step-one-link-mobile"></div> </div> </div> </div> <ol class="steps-container container" id="steps-container"> <section itemprop="step" itemscope itemtype=http://schema.org/HowToSection> <div itemprop="image" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="url" content="https://guide-images.cdn.ifixit.com/igi/1iTYwWM5tfRojPVF.medium"> <meta itemprop="width" content= "592"> <meta itemprop="height" content="444"> </div> <meta itemprop="url" content="https://www.ifixit.com/Guide/How+to+Post-Process+Pictures/38497#s87198"> <meta itemprop="position" content="1"> <meta itemprop="name" content="How to Post-Process Pictures"> <li id="s87198" class="step step-wrapper js-step" data-step-number="1"> <div class="actionbar-portal"></div> <div class="step" itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToStep" > <meta itemprop="position" content="1"> <meta itemprop="thumbnailUrl" content="https://guide-images.cdn.ifixit.com/igi/IlZWngjXSMICOjZT.thumbnail"> <meta itemprop="image" content="https://guide-images.cdn.ifixit.com/igi/IlZWngjXSMICOjZT.standard"> <div class="row"> <div class="column four-fifths"> <h2 class="step-title"> <a class="fragment-link" itemprop='url' href="#s87198"> <strong class="stepValue">Step 1</strong> <span class="stepTitleTitle" itemprop="name"> How to Post-Process Pictures </span> </a> </h2> </div> <div class="column one-fifth"> </div> </div> <div class="row step-container"> <div class="column stepMedia step-main-media js-step-main-media stepImage stepImageContainer"> <img id="step1-stepImage1-505445" alt="How to Post-Process Pictures, How to Post-Process Pictures: step 1, image 1 of 3" class="stepImage js-step-main-image hasMenu fluid visible medium" data-biggest="https://guide-images.cdn.ifixit.com/igi/IlZWngjXSMICOjZT.large" width="593" height="444" sizes="(max-width: 600px) 95vw, (max-width: 1000px) 50vw, 593px" data-srcset="https://guide-images.cdn.ifixit.com/igi/IlZWngjXSMICOjZT.medium 592w, https://guide-images.cdn.ifixit.com/igi/IlZWngjXSMICOjZT.large 800w" src="https://guide-images.cdn.ifixit.com/igi/IlZWngjXSMICOjZT.medium" /> <img id="step1-stepImage2-505446" alt="How to Post-Process Pictures, How to Post-Process Pictures: step 1, image 2 of 3" class="stepImage js-step-main-image hasMenu fluid medium lazyload" data-biggest="https://guide-images.cdn.ifixit.com/igi/KD6y4qlV2lZjOqan.large" width="593" height="444" sizes="(max-width: 600px) 95vw, (max-width: 1000px) 50vw, 593px" data-srcset="https://guide-images.cdn.ifixit.com/igi/KD6y4qlV2lZjOqan.medium 592w, https://guide-images.cdn.ifixit.com/igi/KD6y4qlV2lZjOqan.large 800w" data-src="https://guide-images.cdn.ifixit.com/igi/KD6y4qlV2lZjOqan.medium" /> <img id="step1-stepImage3-505447" alt="How to Post-Process Pictures, How to Post-Process Pictures: step 1, image 3 of 3" class="stepImage js-step-main-image hasMenu fluid medium lazyload" data-biggest="https://guide-images.cdn.ifixit.com/igi/QXElE5DVsZUfm6YQ.large" width="593" height="444" sizes="(max-width: 600px) 95vw, (max-width: 1000px) 50vw, 593px" data-srcset="https://guide-images.cdn.ifixit.com/igi/QXElE5DVsZUfm6YQ.medium 592w, https://guide-images.cdn.ifixit.com/igi/QXElE5DVsZUfm6YQ.large 800w" data-src="https://guide-images.cdn.ifixit.com/igi/QXElE5DVsZUfm6YQ.medium" /> </div> <div class="column step-content"> <div class="row step-thumbnails"> <div class="column step-thumbnail js-step-thumbnail-container active" data-fullImg="step1-stepImage1-505445"> <div class="step-thumbnail-inner"> <img id="step1-stepImage0-505445" alt="" class="stepImage js-step-main-image js-step-thumbnail fluid 200x150" data-biggest="https://guide-images.cdn.ifixit.com/igi/IlZWngjXSMICOjZT.large" width="145" height="110" src="https://guide-images.cdn.ifixit.com/igi/IlZWngjXSMICOjZT.200x150" /> </div> </div> <div class="column step-thumbnail js-step-thumbnail-container " data-fullImg="step1-stepImage2-505446"> <div class="step-thumbnail-inner"> <img id="step1-stepImage1-505446" alt="" class="stepImage js-step-main-image js-step-thumbnail fluid visible 200x150" data-biggest="https://guide-images.cdn.ifixit.com/igi/KD6y4qlV2lZjOqan.large" width="145" height="110" src="https://guide-images.cdn.ifixit.com/igi/KD6y4qlV2lZjOqan.200x150" /> </div> </div> <div class="column step-thumbnail js-step-thumbnail-container " data-fullImg="step1-stepImage3-505447"> <div class="step-thumbnail-inner"> <img id="step1-stepImage2-505447" alt="" class="stepImage js-step-main-image js-step-thumbnail fluid 200x150" data-biggest="https://guide-images.cdn.ifixit.com/igi/QXElE5DVsZUfm6YQ.large" width="145" height="110" src="https://guide-images.cdn.ifixit.com/igi/QXElE5DVsZUfm6YQ.200x150" /> </div> </div> </div> <div class="row step-lines-container"> <ul class="step-lines"> <li class="level-0 " itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToDirection"> <meta itemprop="position" content="1"> <div class="fa fa-circle bullet bullet_black"></div> <p itemprop="text">Here is a bare bones photo of a Nikon D70 camera. The picture is pretty good, but could be improved in a few areas.</p> <div class="clearer"></div> </li> <li class="level-1 " itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToDirection"> <meta itemprop="position" content="2"> <div class="fa fa-circle bullet bullet_black"></div> <p itemprop="text">The photo is too dark, has some incorrect colors, has some physical imperfections, and is not in the correct aspect ratio.</p> <div class="clearer"></div> </li> <li class="level-0 " itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToDirection"> <meta itemprop="position" content="3"> <div class="fa fa-circle bullet bullet_black"></div> <p itemprop="text">A good way to start editing your photos is to adjust the light levels. Adjusting the light levels allows you to balance whites and blacks properly.</p> <div class="clearer"></div> </li> <li class="level-0 " itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToDirection"> <meta itemprop="position" content="4"> <div class="fa fa-circle bullet bullet_black"></div> <p itemprop="text">Note that each side of the level graph contains multiple peaks. A good rule of thumb is to shift the light level sliders to just before the peaks on their respective sides.</p> <div class="clearer"></div> </li> </ul> </div> </div> </div> <div class="step-edit-link visible-desktop"> <a href="/Guide/edit/38497/87198" class="button button-small button-transparent"> <i class="fa fa-pencil " ></i> Edit </a> </div> <div class="js-comment-container" data-api="getCommentsHtml" data-context="step" data-contextid="87198"> <div class="row divider comments-button-container"> <div class="column four-fifths divider-content"></div> <div class="column add-comment-button-container readonly-hidden"> <button class="button button-link add-comment-button right js-show-comments js-comment-count js-add-comment js-also-scroll-to-editor " data-editorid="prosemirror-step-87198" data-numcomments="0"> <span style="display:inline-flex; width:16px; height:16px;" class="fa-svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M123.6 391.3c12.9-9.4 29.6-11.8 44.6-6.4c26.5 9.6 56.2 15.1 87.8 15.1c124.7 0 208-80.5 208-160s-83.3-160-208-160S48 160.5 48 240c0 32 12.4 62.8 35.7 89.2c8.6 9.7 12.8 22.5 11.8 35.5c-1.4 18.1-5.7 34.7-11.3 49.4c17-7.9 31.1-16.7 39.4-22.7zM21.2 431.9c1.8-2.7 3.5-5.4 5.1-8.1c10-16.6 19.5-38.4 21.4-62.9C17.7 326.8 0 285.1 0 240C0 125.1 114.6 32 256 32s256 93.1 256 208s-114.6 208-256 208c-37.1 0-72.3-6.4-104.1-17.9c-11.9 8.7-31.3 20.6-54.3 30.6c-15.1 6.6-32.3 12.6-50.1 16.1c-.8 .2-1.6 .3-2.4 .5c-4.4 .8-8.7 1.5-13.2 1.9c-.2 0-.5 .1-.7 .1c-5.1 .5-10.2 .8-15.3 .8c-6.5 0-12.3-3.9-14.8-9.9c-2.5-6-1.1-12.8 3.4-17.4c4.1-4.2 7.8-8.7 11.3-13.5c1.7-2.3 3.3-4.6 4.8-6.9c.1-.2 .2-.3 .3-.5z"/></svg></span> Add a comment </button> </div> </div> <div class="row comments-container closed"> <div class="column column-card step-comments"> <div class="comments-header" > <button class="button comments-header-button button-medium addComment js-add-comment js-scroll-to-editor" data-editorid="prosemirror-step-87198" <i class="fa fa-comment-o " ></i> Add a comment </button> </div> <div class="js-comments" data-loaded="1"></div> <div class="row js-comment-form-container"> <div class="column"> <form id="comment-form-step-87198" class="add-comment-form js-add-comment-form context-step hidden " data-context="step" data-contextid="87198" data-editorid="prosemirror-step-87198" method="post"> <h4 class="js-add-comment-title">Add Comment</h4> <span class="comment js-reply-comment-text"> </span> <div class="formBody"> <div class="formField"> <div class="prosemirror js-user-mention-editor" id="prosemirror-step-87198" data-wikitags="["Prefilter","Delimiters","Mature","Raw","Url","Link","Wikilink","Guidelink","Guides","Productlink","Partslink","Toolslink","Shoplink","Productlist","Postlink","Implicitlink","Document","Note","Quote","Linebreak","Paragraph","Strong","Emphasis","Teletype","Superscript","Subscript","Delete","Insert","Mention","Unbalancedtags","Transform"]" data-mincharacters="12" data-maxcharacters="1024" data-preset="comments" > </div> </div> </div> <div class="form-footer"> <input class="js-comment-context" type="hidden" value="" /> <input class="js-comment-contextid" type="hidden" value="" /> <p class="maxCharacters js-max-characters" data-textarea-id="prosemirror-step-87198" data-minimum="12" style="display:none">1024</p> <div class="comment-form-buttons"> <button class="hidden js-cancel-reply js-add-comment button" data-editorid="prosemirror-step-87198"> Cancel </button> <button class="post-comment button button-action-solid js-comment-submit" type="submit">Post comment</button> </div> </div> </form> </div> </div> </div> </div> </div> </div> </li> <li id="s87199" class="step step-wrapper js-step" data-step-number="2"> <div class="actionbar-portal"></div> <div class="step" itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToStep" > <meta itemprop="position" content="2"> <meta itemprop="thumbnailUrl" content="https://guide-images.cdn.ifixit.com/igi/qouOGcFkTkZGPwGk.thumbnail"> <meta itemprop="image" content="https://guide-images.cdn.ifixit.com/igi/qouOGcFkTkZGPwGk.standard"> <div class="row"> <div class="column four-fifths"> <h2 class="step-title"> <a class="fragment-link" itemprop='url' href="#s87199"> <strong class="stepValue">Step 2</strong> <span class="stepTitleTitle" itemprop="name"> Shadows/Highlights </span> </a> </h2> </div> <div class="column one-fifth"> </div> </div> <div class="row step-container"> <div class="column stepMedia step-main-media js-step-main-media stepImage stepImageContainer"> <img id="step2-stepImage1-505448" alt="How to Post-Process Pictures, Shadows/Highlights: step 2, image 1 of 3" class="stepImage js-step-main-image hasMenu fluid visible medium" data-biggest="https://guide-images.cdn.ifixit.com/igi/qouOGcFkTkZGPwGk.large" width="593" height="444" sizes="(max-width: 600px) 95vw, (max-width: 1000px) 50vw, 593px" data-srcset="https://guide-images.cdn.ifixit.com/igi/qouOGcFkTkZGPwGk.medium 592w, https://guide-images.cdn.ifixit.com/igi/qouOGcFkTkZGPwGk.large 800w" src="https://guide-images.cdn.ifixit.com/igi/qouOGcFkTkZGPwGk.medium" /> <img id="step2-stepImage2-505449" alt="How to Post-Process Pictures, Shadows/Highlights: step 2, image 2 of 3" class="stepImage js-step-main-image hasMenu fluid medium lazyload" data-biggest="https://guide-images.cdn.ifixit.com/igi/yXIbcnXDgPWTJRPT.large" width="593" height="444" sizes="(max-width: 600px) 95vw, (max-width: 1000px) 50vw, 593px" data-srcset="https://guide-images.cdn.ifixit.com/igi/yXIbcnXDgPWTJRPT.medium 592w, https://guide-images.cdn.ifixit.com/igi/yXIbcnXDgPWTJRPT.large 800w" data-src="https://guide-images.cdn.ifixit.com/igi/yXIbcnXDgPWTJRPT.medium" /> <img id="step2-stepImage3-505450" alt="How to Post-Process Pictures, Shadows/Highlights: step 2, image 3 of 3" class="stepImage js-step-main-image hasMenu fluid medium lazyload" data-biggest="https://guide-images.cdn.ifixit.com/igi/CSwUSdYVGkEJwS6e.large" width="593" height="444" sizes="(max-width: 600px) 95vw, (max-width: 1000px) 50vw, 593px" data-srcset="https://guide-images.cdn.ifixit.com/igi/CSwUSdYVGkEJwS6e.medium 592w, https://guide-images.cdn.ifixit.com/igi/CSwUSdYVGkEJwS6e.large 800w" data-src="https://guide-images.cdn.ifixit.com/igi/CSwUSdYVGkEJwS6e.medium" /> </div> <div class="column step-content"> <div class="row step-thumbnails"> <div class="column step-thumbnail js-step-thumbnail-container active" data-fullImg="step2-stepImage1-505448"> <div class="step-thumbnail-inner"> <img id="step2-stepImage0-505448" alt="" class="stepImage js-step-main-image js-step-thumbnail fluid 200x150" data-biggest="https://guide-images.cdn.ifixit.com/igi/qouOGcFkTkZGPwGk.large" width="145" height="110" src="https://guide-images.cdn.ifixit.com/igi/qouOGcFkTkZGPwGk.200x150" /> </div> </div> <div class="column step-thumbnail js-step-thumbnail-container " data-fullImg="step2-stepImage2-505449"> <div class="step-thumbnail-inner"> <img id="step2-stepImage1-505449" alt="" class="stepImage js-step-main-image js-step-thumbnail fluid visible 200x150" data-biggest="https://guide-images.cdn.ifixit.com/igi/yXIbcnXDgPWTJRPT.large" width="145" height="110" src="https://guide-images.cdn.ifixit.com/igi/yXIbcnXDgPWTJRPT.200x150" /> </div> </div> <div class="column step-thumbnail js-step-thumbnail-container " data-fullImg="step2-stepImage3-505450"> <div class="step-thumbnail-inner"> <img id="step2-stepImage2-505450" alt="" class="stepImage js-step-main-image js-step-thumbnail fluid 200x150" data-biggest="https://guide-images.cdn.ifixit.com/igi/CSwUSdYVGkEJwS6e.large" width="145" height="110" src="https://guide-images.cdn.ifixit.com/igi/CSwUSdYVGkEJwS6e.200x150" /> </div> </div> </div> <div class="row step-lines-container"> <ul class="step-lines"> <li class="level-0 " itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToDirection"> <meta itemprop="position" content="1"> <div class="fa fa-circle bullet bullet_black"></div> <p itemprop="text">Adjusting the light levels may not be enough to even out all the darks and lights in a picture. To further correct the picture, you can adjust the shadows and highlights.</p> <div class="clearer"></div> </li> <li class="level-0 " itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToDirection"> <meta itemprop="position" content="2"> <div class="fa fa-circle bullet bullet_black"></div> <p itemprop="text">Adjusting midtone contrast will increase or decrease the difference between darks and lights in your photo. You can see in the first image that there is a greater difference between the two than before adjusting the midtone contrast.</p> <div class="clearer"></div> </li> <li class="level-0 " itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToDirection"> <meta itemprop="position" content="3"> <div class="fa fa-circle bullet bullet_black"></div> <p itemprop="text">Darkening highlights is useful for darkening particularly light spots in a picture without having to select that specific area.</p> <div class="clearer"></div> </li> <li class="level-0 " itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToDirection"> <meta itemprop="position" content="4"> <div class="fa fa-circle bullet bullet_black"></div> <p itemprop="text">The Lighten Shadows tool is used for lightening particularly dark spots. Spots that contain detail (like the Nikon logo over the lens) may appear solid black; lightening shadows can bring out the detail. Use this tool only in small doses, though, as black objects are usually considered "shadows" in a program, and they will be lightened as well. Overuse of this function can also result in grainy spots.</p> <div class="clearer"></div> </li> </ul> </div> </div> </div> <div class="step-edit-link visible-desktop"> <a href="/Guide/edit/38497/87199" class="button button-small button-transparent"> <i class="fa fa-pencil " ></i> Edit </a> </div> <div class="js-comment-container" data-api="getCommentsHtml" data-context="step" data-contextid="87199"> <div class="row divider comments-button-container"> <div class="column four-fifths divider-content"></div> <div class="column add-comment-button-container readonly-hidden"> <button class="button button-link add-comment-button right js-show-comments js-comment-count js-add-comment js-also-scroll-to-editor " data-editorid="prosemirror-step-87199" data-numcomments="0"> <span style="display:inline-flex; width:16px; height:16px;" class="fa-svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M123.6 391.3c12.9-9.4 29.6-11.8 44.6-6.4c26.5 9.6 56.2 15.1 87.8 15.1c124.7 0 208-80.5 208-160s-83.3-160-208-160S48 160.5 48 240c0 32 12.4 62.8 35.7 89.2c8.6 9.7 12.8 22.5 11.8 35.5c-1.4 18.1-5.7 34.7-11.3 49.4c17-7.9 31.1-16.7 39.4-22.7zM21.2 431.9c1.8-2.7 3.5-5.4 5.1-8.1c10-16.6 19.5-38.4 21.4-62.9C17.7 326.8 0 285.1 0 240C0 125.1 114.6 32 256 32s256 93.1 256 208s-114.6 208-256 208c-37.1 0-72.3-6.4-104.1-17.9c-11.9 8.7-31.3 20.6-54.3 30.6c-15.1 6.6-32.3 12.6-50.1 16.1c-.8 .2-1.6 .3-2.4 .5c-4.4 .8-8.7 1.5-13.2 1.9c-.2 0-.5 .1-.7 .1c-5.1 .5-10.2 .8-15.3 .8c-6.5 0-12.3-3.9-14.8-9.9c-2.5-6-1.1-12.8 3.4-17.4c4.1-4.2 7.8-8.7 11.3-13.5c1.7-2.3 3.3-4.6 4.8-6.9c.1-.2 .2-.3 .3-.5z"/></svg></span> Add a comment </button> </div> </div> <div class="row comments-container closed"> <div class="column column-card step-comments"> <div class="comments-header" > <button class="button comments-header-button button-medium addComment js-add-comment js-scroll-to-editor" data-editorid="prosemirror-step-87199" <i class="fa fa-comment-o " ></i> Add a comment </button> </div> <div class="js-comments" data-loaded="1"></div> <div class="row js-comment-form-container"> <div class="column"> <form id="comment-form-step-87199" class="add-comment-form js-add-comment-form context-step hidden " data-context="step" data-contextid="87199" data-editorid="prosemirror-step-87199" method="post"> <h4 class="js-add-comment-title">Add Comment</h4> <span class="comment js-reply-comment-text"> </span> <div class="formBody"> <div class="formField"> <div class="prosemirror js-user-mention-editor" id="prosemirror-step-87199" data-wikitags="["Prefilter","Delimiters","Mature","Raw","Url","Link","Wikilink","Guidelink","Guides","Productlink","Partslink","Toolslink","Shoplink","Productlist","Postlink","Implicitlink","Document","Note","Quote","Linebreak","Paragraph","Strong","Emphasis","Teletype","Superscript","Subscript","Delete","Insert","Mention","Unbalancedtags","Transform"]" data-mincharacters="12" data-maxcharacters="1024" data-preset="comments" > </div> </div> </div> <div class="form-footer"> <input class="js-comment-context" type="hidden" value="" /> <input class="js-comment-contextid" type="hidden" value="" /> <p class="maxCharacters js-max-characters" data-textarea-id="prosemirror-step-87199" data-minimum="12" style="display:none">1024</p> <div class="comment-form-buttons"> <button class="hidden js-cancel-reply js-add-comment button" data-editorid="prosemirror-step-87199"> Cancel </button> <button class="post-comment button button-action-solid js-comment-submit" type="submit">Post comment</button> </div> </div> </form> </div> </div> </div> </div> </div> </div> </li> <li id="s87200" class="step step-wrapper js-step" data-step-number="3"> <div class="actionbar-portal"></div> <div class="step" itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToStep" > <meta itemprop="position" content="3"> <meta itemprop="thumbnailUrl" content="https://guide-images.cdn.ifixit.com/igi/oM4VNlyI3P6BIi6Y.thumbnail"> <meta itemprop="image" content="https://guide-images.cdn.ifixit.com/igi/oM4VNlyI3P6BIi6Y.standard"> <div class="row"> <div class="column four-fifths"> <h2 class="step-title"> <a class="fragment-link" itemprop='url' href="#s87200"> <strong class="stepValue">Step 3</strong> <span class="stepTitleTitle" itemprop="name"> Brightness/Contrast </span> </a> </h2> </div> <div class="column one-fifth"> </div> </div> <div class="row step-container"> <div class="column stepMedia step-main-media js-step-main-media stepImage stepImageContainer"> <img id="step3-stepImage1-505451" alt="How to Post-Process Pictures, Brightness/Contrast: step 3, image 1 of 3" class="stepImage js-step-main-image hasMenu fluid visible medium lazyload" data-biggest="https://guide-images.cdn.ifixit.com/igi/oM4VNlyI3P6BIi6Y.large" width="593" height="444" sizes="(max-width: 600px) 95vw, (max-width: 1000px) 50vw, 593px" data-srcset="https://guide-images.cdn.ifixit.com/igi/oM4VNlyI3P6BIi6Y.medium 592w, https://guide-images.cdn.ifixit.com/igi/oM4VNlyI3P6BIi6Y.large 800w" data-src="https://guide-images.cdn.ifixit.com/igi/oM4VNlyI3P6BIi6Y.medium" /> <img id="step3-stepImage2-505452" alt="How to Post-Process Pictures, Brightness/Contrast: step 3, image 2 of 3" class="stepImage js-step-main-image hasMenu fluid medium lazyload" data-biggest="https://guide-images.cdn.ifixit.com/igi/WyCCgKcJXEJp4BLs.large" width="593" height="444" sizes="(max-width: 600px) 95vw, (max-width: 1000px) 50vw, 593px" data-srcset="https://guide-images.cdn.ifixit.com/igi/WyCCgKcJXEJp4BLs.medium 592w, https://guide-images.cdn.ifixit.com/igi/WyCCgKcJXEJp4BLs.large 800w" data-src="https://guide-images.cdn.ifixit.com/igi/WyCCgKcJXEJp4BLs.medium" /> <img id="step3-stepImage3-505453" alt="How to Post-Process Pictures, Brightness/Contrast: step 3, image 3 of 3" class="stepImage js-step-main-image hasMenu fluid medium lazyload" data-biggest="https://guide-images.cdn.ifixit.com/igi/UhmAcBLMOHxVSGj2.large" width="593" height="444" sizes="(max-width: 600px) 95vw, (max-width: 1000px) 50vw, 593px" data-srcset="https://guide-images.cdn.ifixit.com/igi/UhmAcBLMOHxVSGj2.medium 592w, https://guide-images.cdn.ifixit.com/igi/UhmAcBLMOHxVSGj2.large 800w" data-src="https://guide-images.cdn.ifixit.com/igi/UhmAcBLMOHxVSGj2.medium" /> </div> <div class="column step-content"> <div class="row step-thumbnails"> <div class="column step-thumbnail js-step-thumbnail-container active" data-fullImg="step3-stepImage1-505451"> <div class="step-thumbnail-inner"> <img id="step3-stepImage0-505451" alt="" class="stepImage js-step-main-image js-step-thumbnail fluid 200x150 lazyload" data-biggest="https://guide-images.cdn.ifixit.com/igi/oM4VNlyI3P6BIi6Y.large" width="145" height="110" data-src="https://guide-images.cdn.ifixit.com/igi/oM4VNlyI3P6BIi6Y.200x150" /> </div> </div> <div class="column step-thumbnail js-step-thumbnail-container " data-fullImg="step3-stepImage2-505452"> <div class="step-thumbnail-inner"> <img id="step3-stepImage1-505452" alt="" class="stepImage js-step-main-image js-step-thumbnail fluid visible 200x150 lazyload" data-biggest="https://guide-images.cdn.ifixit.com/igi/WyCCgKcJXEJp4BLs.large" width="145" height="110" data-src="https://guide-images.cdn.ifixit.com/igi/WyCCgKcJXEJp4BLs.200x150" /> </div> </div> <div class="column step-thumbnail js-step-thumbnail-container " data-fullImg="step3-stepImage3-505453"> <div class="step-thumbnail-inner"> <img id="step3-stepImage2-505453" alt="" class="stepImage js-step-main-image js-step-thumbnail fluid 200x150 lazyload" data-biggest="https://guide-images.cdn.ifixit.com/igi/UhmAcBLMOHxVSGj2.large" width="145" height="110" data-src="https://guide-images.cdn.ifixit.com/igi/UhmAcBLMOHxVSGj2.200x150" /> </div> </div> </div> <div class="row step-lines-container"> <ul class="step-lines"> <li class="level-0 " itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToDirection"> <meta itemprop="position" content="1"> <div class="fa fa-circle bullet bullet_black"></div> <p itemprop="text">Brightness and contrast adjustment is a good tool to use to perfect the lighting of your photo.</p> <div class="clearer"></div> </li> <li class="level-0 " itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToDirection"> <meta itemprop="position" content="2"> <div class="fa fa-circle bullet bullet_black"></div> <p itemprop="text">Increasing brightness is the equivalent of adding light to the entire picture. The first picture shows an overly brightened picture to show exaggerated effects.</p> <div class="clearer"></div> </li> <li class="level-0 " itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToDirection"> <meta itemprop="position" content="3"> <div class="fa fa-circle bullet bullet_black"></div> <p itemprop="text">Contrast, like mid-tone contrast, will simultaneously adjust darks and lights relative to each other. The second picture shows a high contrast setting which has caused the darks to become very deep and the whites to give off a sort of glare.</p> <div class="clearer"></div> </li> <li class="level-0 " itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToDirection"> <meta itemprop="position" content="4"> <div class="fa fa-circle bullet bullet_black"></div> <p itemprop="text">For this picture, a slight increase in brightness is enough to properly light the object of the picture.</p> <div class="clearer"></div> </li> </ul> </div> </div> </div> <div class="step-edit-link visible-desktop"> <a href="/Guide/edit/38497/87200" class="button button-small button-transparent"> <i class="fa fa-pencil " ></i> Edit </a> </div> <div class="js-comment-container" data-api="getCommentsHtml" data-context="step" data-contextid="87200"> <div class="row divider comments-button-container"> <div class="column four-fifths divider-content"></div> <div class="column add-comment-button-container readonly-hidden"> <button class="button button-link add-comment-button right js-show-comments js-comment-count js-add-comment js-also-scroll-to-editor " data-editorid="prosemirror-step-87200" data-numcomments="0"> <span style="display:inline-flex; width:16px; height:16px;" class="fa-svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M123.6 391.3c12.9-9.4 29.6-11.8 44.6-6.4c26.5 9.6 56.2 15.1 87.8 15.1c124.7 0 208-80.5 208-160s-83.3-160-208-160S48 160.5 48 240c0 32 12.4 62.8 35.7 89.2c8.6 9.7 12.8 22.5 11.8 35.5c-1.4 18.1-5.7 34.7-11.3 49.4c17-7.9 31.1-16.7 39.4-22.7zM21.2 431.9c1.8-2.7 3.5-5.4 5.1-8.1c10-16.6 19.5-38.4 21.4-62.9C17.7 326.8 0 285.1 0 240C0 125.1 114.6 32 256 32s256 93.1 256 208s-114.6 208-256 208c-37.1 0-72.3-6.4-104.1-17.9c-11.9 8.7-31.3 20.6-54.3 30.6c-15.1 6.6-32.3 12.6-50.1 16.1c-.8 .2-1.6 .3-2.4 .5c-4.4 .8-8.7 1.5-13.2 1.9c-.2 0-.5 .1-.7 .1c-5.1 .5-10.2 .8-15.3 .8c-6.5 0-12.3-3.9-14.8-9.9c-2.5-6-1.1-12.8 3.4-17.4c4.1-4.2 7.8-8.7 11.3-13.5c1.7-2.3 3.3-4.6 4.8-6.9c.1-.2 .2-.3 .3-.5z"/></svg></span> Add a comment </button> </div> </div> <div class="row comments-container closed"> <div class="column column-card step-comments"> <div class="comments-header" > <button class="button comments-header-button button-medium addComment js-add-comment js-scroll-to-editor" data-editorid="prosemirror-step-87200" <i class="fa fa-comment-o " ></i> Add a comment </button> </div> <div class="js-comments" data-loaded="1"></div> <div class="row js-comment-form-container"> <div class="column"> <form id="comment-form-step-87200" class="add-comment-form js-add-comment-form context-step hidden " data-context="step" data-contextid="87200" data-editorid="prosemirror-step-87200" method="post"> <h4 class="js-add-comment-title">Add Comment</h4> <span class="comment js-reply-comment-text"> </span> <div class="formBody"> <div class="formField"> <div class="prosemirror js-user-mention-editor" id="prosemirror-step-87200" data-wikitags="["Prefilter","Delimiters","Mature","Raw","Url","Link","Wikilink","Guidelink","Guides","Productlink","Partslink","Toolslink","Shoplink","Productlist","Postlink","Implicitlink","Document","Note","Quote","Linebreak","Paragraph","Strong","Emphasis","Teletype","Superscript","Subscript","Delete","Insert","Mention","Unbalancedtags","Transform"]" data-mincharacters="12" data-maxcharacters="1024" data-preset="comments" > </div> </div> </div> <div class="form-footer"> <input class="js-comment-context" type="hidden" value="" /> <input class="js-comment-contextid" type="hidden" value="" /> <p class="maxCharacters js-max-characters" data-textarea-id="prosemirror-step-87200" data-minimum="12" style="display:none">1024</p> <div class="comment-form-buttons"> <button class="hidden js-cancel-reply js-add-comment button" data-editorid="prosemirror-step-87200"> Cancel </button> <button class="post-comment button button-action-solid js-comment-submit" type="submit">Post comment</button> </div> </div> </form> </div> </div> </div> </div> </div> </div> </li> <li> <div class="react-component component-WPCampaignBanner" style="width: 100%; max-width: 1400px; margin: auto; padding: 0px;" data-reactroot data-name="WPCampaignBanner" data-props="{"type":"default","hasCampaigns":true,"sizes":{"intermediate_width":992,"small_width":768,"space":"0px","default":300,"small":250,"intermediate":200}}"> <style> .zaPQgXkt { height: 300px; margin-bottom: 0px; margin-top: 0px; } @media screen and (min-width: 768px) { .zaPQgXkt { height: 250px; } } @media screen and (min-width: 992px) { .zaPQgXkt { height: 200px; } } </style> <div class="zaPQgXkt"></div> </div> </li> <li id="s87201" class="step step-wrapper js-step" data-step-number="4"> <div class="actionbar-portal"></div> <div class="step" itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToStep" > <meta itemprop="position" content="4"> <meta itemprop="thumbnailUrl" content="https://guide-images.cdn.ifixit.com/igi/GQPnDSJslBVnQQRA.thumbnail"> <meta itemprop="image" content="https://guide-images.cdn.ifixit.com/igi/GQPnDSJslBVnQQRA.standard"> <div class="row"> <div class="column four-fifths"> <h2 class="step-title"> <a class="fragment-link" itemprop='url' href="#s87201"> <strong class="stepValue">Step 4</strong> </a> </h2> </div> <div class="column one-fifth"> </div> </div> <div class="row step-container"> <div class="column stepMedia step-main-media js-step-main-media stepImage stepImageContainer"> <img id="step4-stepImage1-505454" alt="How to Post-Process Pictures: step 4, image 1 of 2" class="stepImage js-step-main-image hasMenu fluid visible medium lazyload" data-biggest="https://guide-images.cdn.ifixit.com/igi/GQPnDSJslBVnQQRA.large" width="593" height="444" sizes="(max-width: 600px) 95vw, (max-width: 1000px) 50vw, 593px" data-srcset="https://guide-images.cdn.ifixit.com/igi/GQPnDSJslBVnQQRA.medium 592w, https://guide-images.cdn.ifixit.com/igi/GQPnDSJslBVnQQRA.large 800w" data-src="https://guide-images.cdn.ifixit.com/igi/GQPnDSJslBVnQQRA.medium" /> <img id="step4-stepImage2-505455" alt="How to Post-Process Pictures: step 4, image 2 of 2" class="stepImage js-step-main-image hasMenu fluid medium lazyload" data-biggest="https://guide-images.cdn.ifixit.com/igi/V6LMmCJXFQsVBjvQ.large" width="593" height="444" sizes="(max-width: 600px) 95vw, (max-width: 1000px) 50vw, 593px" data-srcset="https://guide-images.cdn.ifixit.com/igi/V6LMmCJXFQsVBjvQ.medium 592w, https://guide-images.cdn.ifixit.com/igi/V6LMmCJXFQsVBjvQ.large 800w" data-src="https://guide-images.cdn.ifixit.com/igi/V6LMmCJXFQsVBjvQ.medium" /> </div> <div class="column step-content"> <div class="row step-thumbnails"> <div class="column step-thumbnail js-step-thumbnail-container active" data-fullImg="step4-stepImage1-505454"> <div class="step-thumbnail-inner"> <img id="step4-stepImage0-505454" alt="" class="stepImage js-step-main-image js-step-thumbnail fluid 200x150 lazyload" data-biggest="https://guide-images.cdn.ifixit.com/igi/GQPnDSJslBVnQQRA.large" width="145" height="110" data-src="https://guide-images.cdn.ifixit.com/igi/GQPnDSJslBVnQQRA.200x150" /> </div> </div> <div class="column step-thumbnail js-step-thumbnail-container " data-fullImg="step4-stepImage2-505455"> <div class="step-thumbnail-inner"> <img id="step4-stepImage1-505455" alt="" class="stepImage js-step-main-image js-step-thumbnail fluid visible 200x150 lazyload" data-biggest="https://guide-images.cdn.ifixit.com/igi/V6LMmCJXFQsVBjvQ.large" width="145" height="110" data-src="https://guide-images.cdn.ifixit.com/igi/V6LMmCJXFQsVBjvQ.200x150" /> </div> </div> </div> <div class="row step-lines-container"> <ul class="step-lines"> <li class="level-0 " itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToDirection"> <meta itemprop="position" content="1"> <div class="fa fa-circle bullet bullet_black"></div> <p itemprop="text">Editing the entire picture will not always achieve the desired results. For example, the background in this picture is dark and contains undesired colors so we will select everything but the camera.</p> <div class="clearer"></div> </li> <li class="level-0 bullet-line-icon-note" itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToDirection"> <meta itemprop="position" content="2"> <div class="bullet bulletIcon ico-step-icon-note"></div> <p itemprop="text">Selecting specific spots will allow you to eliminate particular issues and edit a picture to perfection.</p> <div class="clearer"></div> </li> <li class="level-0 bullet-line-icon-note" itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToDirection"> <meta itemprop="position" content="3"> <div class="bullet bulletIcon ico-step-icon-note"></div> <p itemprop="text">Some automatic selection tools will create a "marquee" that is very close, too close to the object. Look for a command like Select, Modify, Shrink to reduce the proximity to your object by 1, 2, 3, or 4 pixels. This will leave a small buffer around your object so that your edits don't effect the object as well.</p> <div class="clearer"></div> </li> </ul> </div> </div> </div> <div class="step-edit-link visible-desktop"> <a href="/Guide/edit/38497/87201" class="button button-small button-transparent"> <i class="fa fa-pencil " ></i> Edit </a> </div> <div class="js-comment-container" data-api="getCommentsHtml" data-context="step" data-contextid="87201"> <div class="row divider comments-button-container"> <div class="column four-fifths divider-content"></div> <div class="column add-comment-button-container readonly-hidden"> <button class="button button-link add-comment-button right js-show-comments js-comment-count js-add-comment js-also-scroll-to-editor " data-editorid="prosemirror-step-87201" data-numcomments="0"> <span style="display:inline-flex; width:16px; height:16px;" class="fa-svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M123.6 391.3c12.9-9.4 29.6-11.8 44.6-6.4c26.5 9.6 56.2 15.1 87.8 15.1c124.7 0 208-80.5 208-160s-83.3-160-208-160S48 160.5 48 240c0 32 12.4 62.8 35.7 89.2c8.6 9.7 12.8 22.5 11.8 35.5c-1.4 18.1-5.7 34.7-11.3 49.4c17-7.9 31.1-16.7 39.4-22.7zM21.2 431.9c1.8-2.7 3.5-5.4 5.1-8.1c10-16.6 19.5-38.4 21.4-62.9C17.7 326.8 0 285.1 0 240C0 125.1 114.6 32 256 32s256 93.1 256 208s-114.6 208-256 208c-37.1 0-72.3-6.4-104.1-17.9c-11.9 8.7-31.3 20.6-54.3 30.6c-15.1 6.6-32.3 12.6-50.1 16.1c-.8 .2-1.6 .3-2.4 .5c-4.4 .8-8.7 1.5-13.2 1.9c-.2 0-.5 .1-.7 .1c-5.1 .5-10.2 .8-15.3 .8c-6.5 0-12.3-3.9-14.8-9.9c-2.5-6-1.1-12.8 3.4-17.4c4.1-4.2 7.8-8.7 11.3-13.5c1.7-2.3 3.3-4.6 4.8-6.9c.1-.2 .2-.3 .3-.5z"/></svg></span> Add a comment </button> </div> </div> <div class="row comments-container closed"> <div class="column column-card step-comments"> <div class="comments-header" > <button class="button comments-header-button button-medium addComment js-add-comment js-scroll-to-editor" data-editorid="prosemirror-step-87201" <i class="fa fa-comment-o " ></i> Add a comment </button> </div> <div class="js-comments" data-loaded="1"></div> <div class="row js-comment-form-container"> <div class="column"> <form id="comment-form-step-87201" class="add-comment-form js-add-comment-form context-step hidden " data-context="step" data-contextid="87201" data-editorid="prosemirror-step-87201" method="post"> <h4 class="js-add-comment-title">Add Comment</h4> <span class="comment js-reply-comment-text"> </span> <div class="formBody"> <div class="formField"> <div class="prosemirror js-user-mention-editor" id="prosemirror-step-87201" data-wikitags="["Prefilter","Delimiters","Mature","Raw","Url","Link","Wikilink","Guidelink","Guides","Productlink","Partslink","Toolslink","Shoplink","Productlist","Postlink","Implicitlink","Document","Note","Quote","Linebreak","Paragraph","Strong","Emphasis","Teletype","Superscript","Subscript","Delete","Insert","Mention","Unbalancedtags","Transform"]" data-mincharacters="12" data-maxcharacters="1024" data-preset="comments" > </div> </div> </div> <div class="form-footer"> <input class="js-comment-context" type="hidden" value="" /> <input class="js-comment-contextid" type="hidden" value="" /> <p class="maxCharacters js-max-characters" data-textarea-id="prosemirror-step-87201" data-minimum="12" style="display:none">1024</p> <div class="comment-form-buttons"> <button class="hidden js-cancel-reply js-add-comment button" data-editorid="prosemirror-step-87201"> Cancel </button> <button class="post-comment button button-action-solid js-comment-submit" type="submit">Post comment</button> </div> </div> </form> </div> </div> </div> </div> </div> </div> </li> <li id="s87202" class="step step-wrapper js-step" data-step-number="5"> <div class="actionbar-portal"></div> <div class="step" itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToStep" > <meta itemprop="position" content="5"> <meta itemprop="thumbnailUrl" content="https://guide-images.cdn.ifixit.com/igi/JYMlPktTrRddLMmf.thumbnail"> <meta itemprop="image" content="https://guide-images.cdn.ifixit.com/igi/JYMlPktTrRddLMmf.standard"> <div class="row"> <div class="column four-fifths"> <h2 class="step-title"> <a class="fragment-link" itemprop='url' href="#s87202"> <strong class="stepValue">Step 5</strong> <span class="stepTitleTitle" itemprop="name"> Hue/Saturation </span> </a> </h2> </div> <div class="column one-fifth"> </div> </div> <div class="row step-container"> <div class="column stepMedia step-main-media js-step-main-media stepImage stepImageContainer"> <img id="step5-stepImage1-505456" alt="How to Post-Process Pictures, Hue/Saturation: step 5, image 1 of 3" class="stepImage js-step-main-image hasMenu fluid visible medium lazyload" data-biggest="https://guide-images.cdn.ifixit.com/igi/JYMlPktTrRddLMmf.large" width="593" height="444" sizes="(max-width: 600px) 95vw, (max-width: 1000px) 50vw, 593px" data-srcset="https://guide-images.cdn.ifixit.com/igi/JYMlPktTrRddLMmf.medium 592w, https://guide-images.cdn.ifixit.com/igi/JYMlPktTrRddLMmf.large 800w" data-src="https://guide-images.cdn.ifixit.com/igi/JYMlPktTrRddLMmf.medium" /> <img id="step5-stepImage2-505457" alt="How to Post-Process Pictures, Hue/Saturation: step 5, image 2 of 3" class="stepImage js-step-main-image hasMenu fluid medium lazyload" data-biggest="https://guide-images.cdn.ifixit.com/igi/kn1EkCtwMyOkXGNv.large" width="593" height="444" sizes="(max-width: 600px) 95vw, (max-width: 1000px) 50vw, 593px" data-srcset="https://guide-images.cdn.ifixit.com/igi/kn1EkCtwMyOkXGNv.medium 592w, https://guide-images.cdn.ifixit.com/igi/kn1EkCtwMyOkXGNv.large 800w" data-src="https://guide-images.cdn.ifixit.com/igi/kn1EkCtwMyOkXGNv.medium" /> <img id="step5-stepImage3-505458" alt="How to Post-Process Pictures, Hue/Saturation: step 5, image 3 of 3" class="stepImage js-step-main-image hasMenu fluid medium lazyload" data-biggest="https://guide-images.cdn.ifixit.com/igi/6jDAStSMsCf3Psob.large" width="593" height="444" sizes="(max-width: 600px) 95vw, (max-width: 1000px) 50vw, 593px" data-srcset="https://guide-images.cdn.ifixit.com/igi/6jDAStSMsCf3Psob.medium 592w, https://guide-images.cdn.ifixit.com/igi/6jDAStSMsCf3Psob.large 800w" data-src="https://guide-images.cdn.ifixit.com/igi/6jDAStSMsCf3Psob.medium" /> </div> <div class="column step-content"> <div class="row step-thumbnails"> <div class="column step-thumbnail js-step-thumbnail-container active" data-fullImg="step5-stepImage1-505456"> <div class="step-thumbnail-inner"> <img id="step5-stepImage0-505456" alt="" class="stepImage js-step-main-image js-step-thumbnail fluid 200x150 lazyload" data-biggest="https://guide-images.cdn.ifixit.com/igi/JYMlPktTrRddLMmf.large" width="145" height="110" data-src="https://guide-images.cdn.ifixit.com/igi/JYMlPktTrRddLMmf.200x150" /> </div> </div> <div class="column step-thumbnail js-step-thumbnail-container " data-fullImg="step5-stepImage2-505457"> <div class="step-thumbnail-inner"> <img id="step5-stepImage1-505457" alt="" class="stepImage js-step-main-image js-step-thumbnail fluid visible 200x150 lazyload" data-biggest="https://guide-images.cdn.ifixit.com/igi/kn1EkCtwMyOkXGNv.large" width="145" height="110" data-src="https://guide-images.cdn.ifixit.com/igi/kn1EkCtwMyOkXGNv.200x150" /> </div> </div> <div class="column step-thumbnail js-step-thumbnail-container " data-fullImg="step5-stepImage3-505458"> <div class="step-thumbnail-inner"> <img id="step5-stepImage2-505458" alt="" class="stepImage js-step-main-image js-step-thumbnail fluid 200x150 lazyload" data-biggest="https://guide-images.cdn.ifixit.com/igi/6jDAStSMsCf3Psob.large" width="145" height="110" data-src="https://guide-images.cdn.ifixit.com/igi/6jDAStSMsCf3Psob.200x150" /> </div> </div> </div> <div class="row step-lines-container"> <ul class="step-lines"> <li class="level-0 " itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToDirection"> <meta itemprop="position" content="1"> <div class="fa fa-circle bullet bullet_black"></div> <p itemprop="text">A good way to correct color errors in the background, or a specific spot, is to adjust color hues and saturation.</p> <div class="clearer"></div> </li> <li class="level-0 " itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToDirection"> <meta itemprop="position" content="2"> <div class="fa fa-circle bullet bullet_black"></div> <p itemprop="text">Over saturating the "main" color will expose what colors are present so you can effectively adjust the desired colors.</p> <div class="clearer"></div> </li> <li class="level-1 bullet-line-icon-note" itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToDirection"> <meta itemprop="position" content="3"> <div class="bullet bulletIcon ico-step-icon-note"></div> <p itemprop="text">We find that our background contains an excess of reds, blues, and yellows.</p> <div class="clearer"></div> </li> <li class="level-0 " itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToDirection"> <meta itemprop="position" content="4"> <div class="fa fa-circle bullet bullet_black"></div> <p itemprop="text">In this case, we want a white background, so we drastically reduce the saturation and increase the lightness under main to easily reduce all backgrounds colors.</p> <div class="clearer"></div> </li> <li class="level-1 bullet-line-icon-note" itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToDirection"> <meta itemprop="position" content="5"> <div class="bullet bulletIcon ico-step-icon-note"></div> <p itemprop="text">In other cases you can adjust the saturation, hue and lightness of individual colors to achieve the desired look.</p> <div class="clearer"></div> </li> </ul> </div> </div> </div> <div class="step-edit-link visible-desktop"> <a href="/Guide/edit/38497/87202" class="button button-small button-transparent"> <i class="fa fa-pencil " ></i> Edit </a> </div> <div class="js-comment-container" data-api="getCommentsHtml" data-context="step" data-contextid="87202"> <div class="row divider comments-button-container"> <div class="column four-fifths divider-content"></div> <div class="column add-comment-button-container readonly-hidden"> <button class="button button-link add-comment-button right js-show-comments js-comment-count js-add-comment js-also-scroll-to-editor " data-editorid="prosemirror-step-87202" data-numcomments="0"> <span style="display:inline-flex; width:16px; height:16px;" class="fa-svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M123.6 391.3c12.9-9.4 29.6-11.8 44.6-6.4c26.5 9.6 56.2 15.1 87.8 15.1c124.7 0 208-80.5 208-160s-83.3-160-208-160S48 160.5 48 240c0 32 12.4 62.8 35.7 89.2c8.6 9.7 12.8 22.5 11.8 35.5c-1.4 18.1-5.7 34.7-11.3 49.4c17-7.9 31.1-16.7 39.4-22.7zM21.2 431.9c1.8-2.7 3.5-5.4 5.1-8.1c10-16.6 19.5-38.4 21.4-62.9C17.7 326.8 0 285.1 0 240C0 125.1 114.6 32 256 32s256 93.1 256 208s-114.6 208-256 208c-37.1 0-72.3-6.4-104.1-17.9c-11.9 8.7-31.3 20.6-54.3 30.6c-15.1 6.6-32.3 12.6-50.1 16.1c-.8 .2-1.6 .3-2.4 .5c-4.4 .8-8.7 1.5-13.2 1.9c-.2 0-.5 .1-.7 .1c-5.1 .5-10.2 .8-15.3 .8c-6.5 0-12.3-3.9-14.8-9.9c-2.5-6-1.1-12.8 3.4-17.4c4.1-4.2 7.8-8.7 11.3-13.5c1.7-2.3 3.3-4.6 4.8-6.9c.1-.2 .2-.3 .3-.5z"/></svg></span> Add a comment </button> </div> </div> <div class="row comments-container closed"> <div class="column column-card step-comments"> <div class="comments-header" > <button class="button comments-header-button button-medium addComment js-add-comment js-scroll-to-editor" data-editorid="prosemirror-step-87202" <i class="fa fa-comment-o " ></i> Add a comment </button> </div> <div class="js-comments" data-loaded="1"></div> <div class="row js-comment-form-container"> <div class="column"> <form id="comment-form-step-87202" class="add-comment-form js-add-comment-form context-step hidden " data-context="step" data-contextid="87202" data-editorid="prosemirror-step-87202" method="post"> <h4 class="js-add-comment-title">Add Comment</h4> <span class="comment js-reply-comment-text"> </span> <div class="formBody"> <div class="formField"> <div class="prosemirror js-user-mention-editor" id="prosemirror-step-87202" data-wikitags="["Prefilter","Delimiters","Mature","Raw","Url","Link","Wikilink","Guidelink","Guides","Productlink","Partslink","Toolslink","Shoplink","Productlist","Postlink","Implicitlink","Document","Note","Quote","Linebreak","Paragraph","Strong","Emphasis","Teletype","Superscript","Subscript","Delete","Insert","Mention","Unbalancedtags","Transform"]" data-mincharacters="12" data-maxcharacters="1024" data-preset="comments" > </div> </div> </div> <div class="form-footer"> <input class="js-comment-context" type="hidden" value="" /> <input class="js-comment-contextid" type="hidden" value="" /> <p class="maxCharacters js-max-characters" data-textarea-id="prosemirror-step-87202" data-minimum="12" style="display:none">1024</p> <div class="comment-form-buttons"> <button class="hidden js-cancel-reply js-add-comment button" data-editorid="prosemirror-step-87202"> Cancel </button> <button class="post-comment button button-action-solid js-comment-submit" type="submit">Post comment</button> </div> </div> </form> </div> </div> </div> </div> </div> </div> </li> <li id="s87203" class="step step-wrapper js-step" data-step-number="6"> <div class="actionbar-portal"></div> <div class="step" itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToStep" > <meta itemprop="position" content="6"> <meta itemprop="thumbnailUrl" content="https://guide-images.cdn.ifixit.com/igi/Nox5RWB5GvrTGHrL.thumbnail"> <meta itemprop="image" content="https://guide-images.cdn.ifixit.com/igi/Nox5RWB5GvrTGHrL.standard"> <div class="row"> <div class="column four-fifths"> <h2 class="step-title"> <a class="fragment-link" itemprop='url' href="#s87203"> <strong class="stepValue">Step 6</strong> <span class="stepTitleTitle" itemprop="name"> Spot Healing </span> </a> </h2> </div> <div class="column one-fifth"> </div> </div> <div class="row step-container"> <div class="column stepMedia step-main-media js-step-main-media stepImage stepImageContainer"> <img id="step6-stepImage1-505459" alt="How to Post-Process Pictures, Spot Healing: step 6, image 1 of 2" class="stepImage js-step-main-image hasMenu fluid visible medium lazyload" data-biggest="https://guide-images.cdn.ifixit.com/igi/Nox5RWB5GvrTGHrL.large" width="593" height="444" sizes="(max-width: 600px) 95vw, (max-width: 1000px) 50vw, 593px" data-srcset="https://guide-images.cdn.ifixit.com/igi/Nox5RWB5GvrTGHrL.medium 592w, https://guide-images.cdn.ifixit.com/igi/Nox5RWB5GvrTGHrL.large 800w" data-src="https://guide-images.cdn.ifixit.com/igi/Nox5RWB5GvrTGHrL.medium" /> <img id="step6-stepImage2-505460" alt="How to Post-Process Pictures, Spot Healing: step 6, image 2 of 2" class="stepImage js-step-main-image hasMenu fluid medium lazyload" data-biggest="https://guide-images.cdn.ifixit.com/igi/4GRspqsjNHhISWFT.large" width="593" height="444" sizes="(max-width: 600px) 95vw, (max-width: 1000px) 50vw, 593px" data-srcset="https://guide-images.cdn.ifixit.com/igi/4GRspqsjNHhISWFT.medium 592w, https://guide-images.cdn.ifixit.com/igi/4GRspqsjNHhISWFT.large 800w" data-src="https://guide-images.cdn.ifixit.com/igi/4GRspqsjNHhISWFT.medium" /> </div> <div class="column step-content"> <div class="row step-thumbnails"> <div class="column step-thumbnail js-step-thumbnail-container active" data-fullImg="step6-stepImage1-505459"> <div class="step-thumbnail-inner"> <img id="step6-stepImage0-505459" alt="" class="stepImage js-step-main-image js-step-thumbnail fluid 200x150 lazyload" data-biggest="https://guide-images.cdn.ifixit.com/igi/Nox5RWB5GvrTGHrL.large" width="145" height="110" data-src="https://guide-images.cdn.ifixit.com/igi/Nox5RWB5GvrTGHrL.200x150" /> </div> </div> <div class="column step-thumbnail js-step-thumbnail-container " data-fullImg="step6-stepImage2-505460"> <div class="step-thumbnail-inner"> <img id="step6-stepImage1-505460" alt="" class="stepImage js-step-main-image js-step-thumbnail fluid visible 200x150 lazyload" data-biggest="https://guide-images.cdn.ifixit.com/igi/4GRspqsjNHhISWFT.large" width="145" height="110" data-src="https://guide-images.cdn.ifixit.com/igi/4GRspqsjNHhISWFT.200x150" /> </div> </div> </div> <div class="row step-lines-container"> <ul class="step-lines"> <li class="level-0 " itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToDirection"> <meta itemprop="position" content="1"> <div class="fa fa-circle bullet bullet_black"></div> <p itemprop="text">Not all work environments are perfectly clean, so subjects may end up with hair, dust, dirt or other imperfections on them. Major offenders should be removed if possible.</p> <div class="clearer"></div> </li> <li class="level-0 " itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToDirection"> <meta itemprop="position" content="2"> <div class="fa fa-circle bullet bullet_black"></div> <p itemprop="text">Spot Healing and Clone Stamp tools are particularly useful for erasing imperfections without greatly affecting textured surfaces like in the pictures shown.</p> <div class="clearer"></div> </li> <li class="level-1 " itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToDirection"> <meta itemprop="position" content="3"> <div class="fa fa-circle bullet bullet_black"></div> <p itemprop="text">The Spot Healing tool used on this picture takes an imperfection and edits over it using details from the surrounding area. It is a good tool for fixing small blemishes (like the specks in our photo) since any inconsistencies that result from the editing are hardly noticeable.</p> <div class="clearer"></div> </li> <li class="level-1 " itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToDirection"> <meta itemprop="position" content="4"> <div class="fa fa-circle bullet bullet_black"></div> <p itemprop="text">The Clone Stamp tool is similar to the spot healing tool except you manually select what area you will be copying from. This tool is good for larger edits, but may require some extra touching-up to get the correct look.</p> <div class="clearer"></div> </li> <li class="level-0 bullet-line-icon-note" itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToDirection"> <meta itemprop="position" content="5"> <div class="bullet bulletIcon ico-step-icon-note"></div> <p itemprop="text">Some imperfections may not be visible when placed into the smaller guide windows, but may be easily seen if the full sized image is viewed. Consider whether or not the imperfection would be visible under the greatest available zoom.</p> <div class="clearer"></div> </li> </ul> </div> </div> </div> <div class="step-edit-link visible-desktop"> <a href="/Guide/edit/38497/87203" class="button button-small button-transparent"> <i class="fa fa-pencil " ></i> Edit </a> </div> <div class="js-comment-container" data-api="getCommentsHtml" data-context="step" data-contextid="87203"> <div class="row divider comments-button-container"> <div class="column four-fifths divider-content"></div> <div class="column add-comment-button-container readonly-hidden"> <button class="button button-link add-comment-button right js-show-comments js-comment-count js-add-comment js-also-scroll-to-editor " data-editorid="prosemirror-step-87203" data-numcomments="0"> <span style="display:inline-flex; width:16px; height:16px;" class="fa-svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M123.6 391.3c12.9-9.4 29.6-11.8 44.6-6.4c26.5 9.6 56.2 15.1 87.8 15.1c124.7 0 208-80.5 208-160s-83.3-160-208-160S48 160.5 48 240c0 32 12.4 62.8 35.7 89.2c8.6 9.7 12.8 22.5 11.8 35.5c-1.4 18.1-5.7 34.7-11.3 49.4c17-7.9 31.1-16.7 39.4-22.7zM21.2 431.9c1.8-2.7 3.5-5.4 5.1-8.1c10-16.6 19.5-38.4 21.4-62.9C17.7 326.8 0 285.1 0 240C0 125.1 114.6 32 256 32s256 93.1 256 208s-114.6 208-256 208c-37.1 0-72.3-6.4-104.1-17.9c-11.9 8.7-31.3 20.6-54.3 30.6c-15.1 6.6-32.3 12.6-50.1 16.1c-.8 .2-1.6 .3-2.4 .5c-4.4 .8-8.7 1.5-13.2 1.9c-.2 0-.5 .1-.7 .1c-5.1 .5-10.2 .8-15.3 .8c-6.5 0-12.3-3.9-14.8-9.9c-2.5-6-1.1-12.8 3.4-17.4c4.1-4.2 7.8-8.7 11.3-13.5c1.7-2.3 3.3-4.6 4.8-6.9c.1-.2 .2-.3 .3-.5z"/></svg></span> Add a comment </button> </div> </div> <div class="row comments-container closed"> <div class="column column-card step-comments"> <div class="comments-header" > <button class="button comments-header-button button-medium addComment js-add-comment js-scroll-to-editor" data-editorid="prosemirror-step-87203" <i class="fa fa-comment-o " ></i> Add a comment </button> </div> <div class="js-comments" data-loaded="1"></div> <div class="row js-comment-form-container"> <div class="column"> <form id="comment-form-step-87203" class="add-comment-form js-add-comment-form context-step hidden " data-context="step" data-contextid="87203" data-editorid="prosemirror-step-87203" method="post"> <h4 class="js-add-comment-title">Add Comment</h4> <span class="comment js-reply-comment-text"> </span> <div class="formBody"> <div class="formField"> <div class="prosemirror js-user-mention-editor" id="prosemirror-step-87203" data-wikitags="["Prefilter","Delimiters","Mature","Raw","Url","Link","Wikilink","Guidelink","Guides","Productlink","Partslink","Toolslink","Shoplink","Productlist","Postlink","Implicitlink","Document","Note","Quote","Linebreak","Paragraph","Strong","Emphasis","Teletype","Superscript","Subscript","Delete","Insert","Mention","Unbalancedtags","Transform"]" data-mincharacters="12" data-maxcharacters="1024" data-preset="comments" > </div> </div> </div> <div class="form-footer"> <input class="js-comment-context" type="hidden" value="" /> <input class="js-comment-contextid" type="hidden" value="" /> <p class="maxCharacters js-max-characters" data-textarea-id="prosemirror-step-87203" data-minimum="12" style="display:none">1024</p> <div class="comment-form-buttons"> <button class="hidden js-cancel-reply js-add-comment button" data-editorid="prosemirror-step-87203"> Cancel </button> <button class="post-comment button button-action-solid js-comment-submit" type="submit">Post comment</button> </div> </div> </form> </div> </div> </div> </div> </div> </div> </li> <li id="s87204" class="step step-wrapper js-step" data-step-number="7"> <div class="actionbar-portal"></div> <div class="step" itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToStep" > <meta itemprop="position" content="7"> <meta itemprop="thumbnailUrl" content="https://guide-images.cdn.ifixit.com/igi/NoOXfmQgJW5ygqDn.thumbnail"> <meta itemprop="image" content="https://guide-images.cdn.ifixit.com/igi/NoOXfmQgJW5ygqDn.standard"> <div class="row"> <div class="column four-fifths"> <h2 class="step-title"> <a class="fragment-link" itemprop='url' href="#s87204"> <strong class="stepValue">Step 7</strong> <span class="stepTitleTitle" itemprop="name"> Cropping </span> </a> </h2> </div> <div class="column one-fifth"> </div> </div> <div class="row step-container"> <div class="column stepMedia step-main-media js-step-main-media stepImage stepImageContainer"> <img id="step7-stepImage1-505461" alt="How to Post-Process Pictures, Cropping: step 7, image 1 of 3" class="stepImage js-step-main-image hasMenu fluid visible medium lazyload" data-biggest="https://guide-images.cdn.ifixit.com/igi/NoOXfmQgJW5ygqDn.large" width="593" height="444" sizes="(max-width: 600px) 95vw, (max-width: 1000px) 50vw, 593px" data-srcset="https://guide-images.cdn.ifixit.com/igi/NoOXfmQgJW5ygqDn.medium 592w, https://guide-images.cdn.ifixit.com/igi/NoOXfmQgJW5ygqDn.large 800w" data-src="https://guide-images.cdn.ifixit.com/igi/NoOXfmQgJW5ygqDn.medium" /> <img id="step7-stepImage2-505462" alt="How to Post-Process Pictures, Cropping: step 7, image 2 of 3" class="stepImage js-step-main-image hasMenu fluid medium lazyload" data-biggest="https://guide-images.cdn.ifixit.com/igi/LZhNVbwtKmtBfNhE.large" width="593" height="444" sizes="(max-width: 600px) 95vw, (max-width: 1000px) 50vw, 593px" data-srcset="https://guide-images.cdn.ifixit.com/igi/LZhNVbwtKmtBfNhE.medium 592w, https://guide-images.cdn.ifixit.com/igi/LZhNVbwtKmtBfNhE.large 800w" data-src="https://guide-images.cdn.ifixit.com/igi/LZhNVbwtKmtBfNhE.medium" /> <img id="step7-stepImage3-505463" alt="How to Post-Process Pictures, Cropping: step 7, image 3 of 3" class="stepImage js-step-main-image hasMenu fluid medium lazyload" data-biggest="https://guide-images.cdn.ifixit.com/igi/LIXgAoVILBAxPCI3.large" width="593" height="444" sizes="(max-width: 600px) 95vw, (max-width: 1000px) 50vw, 593px" data-srcset="https://guide-images.cdn.ifixit.com/igi/LIXgAoVILBAxPCI3.medium 592w, https://guide-images.cdn.ifixit.com/igi/LIXgAoVILBAxPCI3.large 800w" data-src="https://guide-images.cdn.ifixit.com/igi/LIXgAoVILBAxPCI3.medium" /> </div> <div class="column step-content"> <div class="row step-thumbnails"> <div class="column step-thumbnail js-step-thumbnail-container active" data-fullImg="step7-stepImage1-505461"> <div class="step-thumbnail-inner"> <img id="step7-stepImage0-505461" alt="" class="stepImage js-step-main-image js-step-thumbnail fluid 200x150 lazyload" data-biggest="https://guide-images.cdn.ifixit.com/igi/NoOXfmQgJW5ygqDn.large" width="145" height="110" data-src="https://guide-images.cdn.ifixit.com/igi/NoOXfmQgJW5ygqDn.200x150" /> </div> </div> <div class="column step-thumbnail js-step-thumbnail-container " data-fullImg="step7-stepImage2-505462"> <div class="step-thumbnail-inner"> <img id="step7-stepImage1-505462" alt="" class="stepImage js-step-main-image js-step-thumbnail fluid visible 200x150 lazyload" data-biggest="https://guide-images.cdn.ifixit.com/igi/LZhNVbwtKmtBfNhE.large" width="145" height="110" data-src="https://guide-images.cdn.ifixit.com/igi/LZhNVbwtKmtBfNhE.200x150" /> </div> </div> <div class="column step-thumbnail js-step-thumbnail-container " data-fullImg="step7-stepImage3-505463"> <div class="step-thumbnail-inner"> <img id="step7-stepImage2-505463" alt="" class="stepImage js-step-main-image js-step-thumbnail fluid 200x150 lazyload" data-biggest="https://guide-images.cdn.ifixit.com/igi/LIXgAoVILBAxPCI3.large" width="145" height="110" data-src="https://guide-images.cdn.ifixit.com/igi/LIXgAoVILBAxPCI3.200x150" /> </div> </div> </div> <div class="row step-lines-container"> <ul class="step-lines"> <li class="level-0 " itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToDirection"> <meta itemprop="position" content="1"> <div class="fa fa-circle bullet bullet_black"></div> <p itemprop="text">The last step is to crop your picture to a 4:3 aspect ratio. The guides will not accept any images of a different ratio.</p> <div class="clearer"></div> </li> <li class="level-0 " itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToDirection"> <meta itemprop="position" content="2"> <div class="fa fa-circle bullet bullet_black"></div> <p itemprop="text">A key to cropping photos is to make sure that the subject of the photo is large enough, while also not so large that it overpowers the picture area. For example, the first picture is cropped too tightly as many edges contain very little white space.</p> <div class="clearer"></div> </li> <li class="level-0 " itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToDirection"> <meta itemprop="position" content="3"> <div class="fa fa-circle bullet bullet_black"></div> <p itemprop="text">The second picture has good vertical margins, but poor centering.</p> <div class="clearer"></div> </li> <li class="level-0 " itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToDirection"> <meta itemprop="position" content="4"> <div class="fa fa-circle bullet bullet_black"></div> <p itemprop="text">The third picture shows a good picture crop, as there is some white space around the centered subject.</p> <div class="clearer"></div> </li> <li class="level-1 bullet-line-icon-note" itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToDirection"> <meta itemprop="position" content="5"> <div class="bullet bulletIcon ico-step-icon-note"></div> <p itemprop="text">Cropping perfectly centered on the subject may not always be desirable. If there is a particular part or action occurring on the subject, you will want to center the crop around that. This may entail cropping part of the subject out of the picture.</p> <div class="clearer"></div> </li> </ul> </div> </div> </div> <div class="step-edit-link visible-desktop"> <a href="/Guide/edit/38497/87204" class="button button-small button-transparent"> <i class="fa fa-pencil " ></i> Edit </a> </div> <div class="js-comment-container" data-api="getCommentsHtml" data-context="step" data-contextid="87204"> <div class="row divider comments-button-container"> <div class="column four-fifths divider-content"></div> <div class="column add-comment-button-container readonly-hidden"> <button class="button button-link add-comment-button right js-show-comments js-comment-count js-add-comment js-also-scroll-to-editor " data-editorid="prosemirror-step-87204" data-numcomments="0"> <span style="display:inline-flex; width:16px; height:16px;" class="fa-svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M123.6 391.3c12.9-9.4 29.6-11.8 44.6-6.4c26.5 9.6 56.2 15.1 87.8 15.1c124.7 0 208-80.5 208-160s-83.3-160-208-160S48 160.5 48 240c0 32 12.4 62.8 35.7 89.2c8.6 9.7 12.8 22.5 11.8 35.5c-1.4 18.1-5.7 34.7-11.3 49.4c17-7.9 31.1-16.7 39.4-22.7zM21.2 431.9c1.8-2.7 3.5-5.4 5.1-8.1c10-16.6 19.5-38.4 21.4-62.9C17.7 326.8 0 285.1 0 240C0 125.1 114.6 32 256 32s256 93.1 256 208s-114.6 208-256 208c-37.1 0-72.3-6.4-104.1-17.9c-11.9 8.7-31.3 20.6-54.3 30.6c-15.1 6.6-32.3 12.6-50.1 16.1c-.8 .2-1.6 .3-2.4 .5c-4.4 .8-8.7 1.5-13.2 1.9c-.2 0-.5 .1-.7 .1c-5.1 .5-10.2 .8-15.3 .8c-6.5 0-12.3-3.9-14.8-9.9c-2.5-6-1.1-12.8 3.4-17.4c4.1-4.2 7.8-8.7 11.3-13.5c1.7-2.3 3.3-4.6 4.8-6.9c.1-.2 .2-.3 .3-.5z"/></svg></span> Add a comment </button> </div> </div> <div class="row comments-container closed"> <div class="column column-card step-comments"> <div class="comments-header" > <button class="button comments-header-button button-medium addComment js-add-comment js-scroll-to-editor" data-editorid="prosemirror-step-87204" <i class="fa fa-comment-o " ></i> Add a comment </button> </div> <div class="js-comments" data-loaded="1"></div> <div class="row js-comment-form-container"> <div class="column"> <form id="comment-form-step-87204" class="add-comment-form js-add-comment-form context-step hidden " data-context="step" data-contextid="87204" data-editorid="prosemirror-step-87204" method="post"> <h4 class="js-add-comment-title">Add Comment</h4> <span class="comment js-reply-comment-text"> </span> <div class="formBody"> <div class="formField"> <div class="prosemirror js-user-mention-editor" id="prosemirror-step-87204" data-wikitags="["Prefilter","Delimiters","Mature","Raw","Url","Link","Wikilink","Guidelink","Guides","Productlink","Partslink","Toolslink","Shoplink","Productlist","Postlink","Implicitlink","Document","Note","Quote","Linebreak","Paragraph","Strong","Emphasis","Teletype","Superscript","Subscript","Delete","Insert","Mention","Unbalancedtags","Transform"]" data-mincharacters="12" data-maxcharacters="1024" data-preset="comments" > </div> </div> </div> <div class="form-footer"> <input class="js-comment-context" type="hidden" value="" /> <input class="js-comment-contextid" type="hidden" value="" /> <p class="maxCharacters js-max-characters" data-textarea-id="prosemirror-step-87204" data-minimum="12" style="display:none">1024</p> <div class="comment-form-buttons"> <button class="hidden js-cancel-reply js-add-comment button" data-editorid="prosemirror-step-87204"> Cancel </button> <button class="post-comment button button-action-solid js-comment-submit" type="submit">Post comment</button> </div> </div> </form> </div> </div> </div> </div> </div> </div> </li> <li id="s87205" class="step step-wrapper js-step" data-step-number="8"> <div class="actionbar-portal"></div> <div class="step" itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToStep" > <meta itemprop="position" content="8"> <meta itemprop="thumbnailUrl" content="https://guide-images.cdn.ifixit.com/igi/YTDmvfwZDTsmdo5O.thumbnail"> <meta itemprop="image" content="https://guide-images.cdn.ifixit.com/igi/YTDmvfwZDTsmdo5O.standard"> <div class="row"> <div class="column four-fifths"> <h2 class="step-title"> <a class="fragment-link" itemprop='url' href="#s87205"> <strong class="stepValue">Step 8</strong> </a> </h2> </div> <div class="column one-fifth"> </div> </div> <div class="row step-container"> <div class="column stepMedia step-main-media js-step-main-media stepImage stepImageContainer"> <img id="step8-stepImage1-505464" alt="How to Post-Process Pictures: step 8, image 1 of 2" class="stepImage js-step-main-image hasMenu fluid visible medium lazyload" data-biggest="https://guide-images.cdn.ifixit.com/igi/YTDmvfwZDTsmdo5O.large" width="593" height="444" sizes="(max-width: 600px) 95vw, (max-width: 1000px) 50vw, 593px" data-srcset="https://guide-images.cdn.ifixit.com/igi/YTDmvfwZDTsmdo5O.medium 592w, https://guide-images.cdn.ifixit.com/igi/YTDmvfwZDTsmdo5O.large 800w" data-src="https://guide-images.cdn.ifixit.com/igi/YTDmvfwZDTsmdo5O.medium" /> <img id="step8-stepImage2-505465" alt="How to Post-Process Pictures: step 8, image 2 of 2" class="stepImage js-step-main-image hasMenu fluid medium lazyload" data-biggest="https://guide-images.cdn.ifixit.com/igi/FAutbiJGLjSEBVkF.large" width="593" height="444" sizes="(max-width: 600px) 95vw, (max-width: 1000px) 50vw, 593px" data-srcset="https://guide-images.cdn.ifixit.com/igi/FAutbiJGLjSEBVkF.medium 592w, https://guide-images.cdn.ifixit.com/igi/FAutbiJGLjSEBVkF.large 800w" data-src="https://guide-images.cdn.ifixit.com/igi/FAutbiJGLjSEBVkF.medium" /> </div> <div class="column step-content"> <div class="row step-thumbnails"> <div class="column step-thumbnail js-step-thumbnail-container active" data-fullImg="step8-stepImage1-505464"> <div class="step-thumbnail-inner"> <img id="step8-stepImage0-505464" alt="" class="stepImage js-step-main-image js-step-thumbnail fluid 200x150 lazyload" data-biggest="https://guide-images.cdn.ifixit.com/igi/YTDmvfwZDTsmdo5O.large" width="145" height="110" data-src="https://guide-images.cdn.ifixit.com/igi/YTDmvfwZDTsmdo5O.200x150" /> </div> </div> <div class="column step-thumbnail js-step-thumbnail-container " data-fullImg="step8-stepImage2-505465"> <div class="step-thumbnail-inner"> <img id="step8-stepImage1-505465" alt="" class="stepImage js-step-main-image js-step-thumbnail fluid visible 200x150 lazyload" data-biggest="https://guide-images.cdn.ifixit.com/igi/FAutbiJGLjSEBVkF.large" width="145" height="110" data-src="https://guide-images.cdn.ifixit.com/igi/FAutbiJGLjSEBVkF.200x150" /> </div> </div> </div> <div class="row step-lines-container"> <ul class="step-lines"> <li class="level-0 " itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToDirection"> <meta itemprop="position" content="1"> <div class="fa fa-circle bullet bullet_black"></div> <p itemprop="text">Here is a comparison of the original photo (left) and the final product (right).</p> <div class="clearer"></div> </li> <li class="level-0 " itemprop="itemListElement" itemscope itemtype="http://schema.org/HowToDirection"> <meta itemprop="position" content="2"> <div class="fa fa-circle bullet bullet_black"></div> <p itemprop="text">Nicely edited photos such as this add a professional look to your guides and, in the case of instructions, help to keep users from becoming distracted by photographic imperfections.</p> <div class="clearer"></div> </li> </ul> </div> </div> </div> <div class="step-edit-link visible-desktop"> <a href="/Guide/edit/38497/87205" class="button button-small button-transparent"> <i class="fa fa-pencil " ></i> Edit </a> </div> <div class="js-comment-container" data-api="getCommentsHtml" data-context="step" data-contextid="87205"> <div class="row divider comments-button-container"> <div class="column four-fifths divider-content"></div> <div class="column add-comment-button-container readonly-hidden"> <button class="button button-link add-comment-button right js-show-comments js-comment-count js-add-comment has-comments " data-editorid="prosemirror-step-87205" data-numcomments="2"> <span style="display:inline-flex; width:16px; height:16px;" class="fa-svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M123.6 391.3c12.9-9.4 29.6-11.8 44.6-6.4c26.5 9.6 56.2 15.1 87.8 15.1c124.7 0 208-80.5 208-160s-83.3-160-208-160S48 160.5 48 240c0 32 12.4 62.8 35.7 89.2c8.6 9.7 12.8 22.5 11.8 35.5c-1.4 18.1-5.7 34.7-11.3 49.4c17-7.9 31.1-16.7 39.4-22.7zM21.2 431.9c1.8-2.7 3.5-5.4 5.1-8.1c10-16.6 19.5-38.4 21.4-62.9C17.7 326.8 0 285.1 0 240C0 125.1 114.6 32 256 32s256 93.1 256 208s-114.6 208-256 208c-37.1 0-72.3-6.4-104.1-17.9c-11.9 8.7-31.3 20.6-54.3 30.6c-15.1 6.6-32.3 12.6-50.1 16.1c-.8 .2-1.6 .3-2.4 .5c-4.4 .8-8.7 1.5-13.2 1.9c-.2 0-.5 .1-.7 .1c-5.1 .5-10.2 .8-15.3 .8c-6.5 0-12.3-3.9-14.8-9.9c-2.5-6-1.1-12.8 3.4-17.4c4.1-4.2 7.8-8.7 11.3-13.5c1.7-2.3 3.3-4.6 4.8-6.9c.1-.2 .2-.3 .3-.5z"/></svg></span> 2 comments </button> </div> </div> <div class="row comments-container closed"> <div class="column column-card step-comments"> <div class="comments-header" > <button class="button comments-header-button button-medium addComment js-add-comment js-scroll-to-editor" data-editorid="prosemirror-step-87205" <i class="fa fa-comment-o " ></i> Add a comment </button> </div> <div class="js-comments"></div> <div class="row js-comment-form-container"> <div class="column"> <form id="comment-form-step-87205" class="add-comment-form js-add-comment-form context-step hidden " data-context="step" data-contextid="87205" data-editorid="prosemirror-step-87205" method="post"> <h4 class="js-add-comment-title">Add Comment</h4> <span class="comment js-reply-comment-text"> </span> <div class="formBody"> <div class="formField"> <div class="prosemirror js-user-mention-editor" id="prosemirror-step-87205" data-wikitags="["Prefilter","Delimiters","Mature","Raw","Url","Link","Wikilink","Guidelink","Guides","Productlink","Partslink","Toolslink","Shoplink","Productlist","Postlink","Implicitlink","Document","Note","Quote","Linebreak","Paragraph","Strong","Emphasis","Teletype","Superscript","Subscript","Delete","Insert","Mention","Unbalancedtags","Transform"]" data-mincharacters="12" data-maxcharacters="1024" data-preset="comments" > </div> </div> </div> <div class="form-footer"> <input class="js-comment-context" type="hidden" value="" /> <input class="js-comment-contextid" type="hidden" value="" /> <p class="maxCharacters js-max-characters" data-textarea-id="prosemirror-step-87205" data-minimum="12" style="display:none">1024</p> <div class="comment-form-buttons"> <button class="hidden js-cancel-reply js-add-comment button" data-editorid="prosemirror-step-87205"> Cancel </button> <button class="post-comment button button-action-solid js-comment-submit" type="submit">Post comment</button> </div> </div> </form> </div> </div> </div> </div> </div> </div> </li> </section> </ol> <div> </div> <div id="conclusion" class="completion-container container"> <div class="actionbar-portal"></div> <div> <div class="row"> <div class="column"> <div class="guide-complete"> <div id="guideConclusion"> <div id="halfwayConclusion" class="hidden"> <div class="finish-line"> <i class="fa fa-undo " ></i> Almost done! </div> <div class="conclusionText"> </div> </div> <div id="finishedConclusion" > <div class="finish-line"> <i class="fa fa-flag-checkered " ></i> Finish Line </div> <div class="conclusionText"> </div> </div> </div> <div id="guideSuccess" class="readonly-hidden"> <button id="successButton" class="button button-large button-action-solid "> <i class="fa fa-check " ></i> Give the author +30 points! </button> <button id="doneButton" class="button button-large button-transparent hidden"> You're Finished! </button> <p id="cancelComplete" class="hidden"> <a href="#" id="oopsButton">Cancel: I did not complete this guide.</a> </p> <p class="other-completions"> 23 other people completed this guide. </p> </div> </div> </div> </div> </div> </div> <div id="author-container"> <div class="actionbar-portal"></div> <div> <div id="author" class="credit-author-team-container row"> <div class="author-container"> <div class="author-heading row"> <h3 class="column"> <a class="fragment-link" href="#author">Author</a> </h3> <p class="contributors-subtitle column"> with <a href="/Guide/history/38497" rel="ugc">2 other contributors</a> </p> </div> <div class="author-meta row"> <div class="author-photo column"> <a href="/User/1/iRobot"> <img width="100" height="100" alt="" src="https://guide-images.cdn.ifixit.com/igi/AjiayMD6LWqf5FAL.medium"> </a> </div> <div class="author-info column"> <h4> <a href="/User/1/iRobot"> iRobot </a> </h4> <p>Member since: 09/24/09</p> <p>1 Reputation</p> <p> 636 Guides authored </p> </div> <div class="author-badges column"> <p class="hidden-mobile"> <a href="/User/Graph/1/iRobot"> Badges: <span class="num-badges">36</span> </a> </p> <ul class="badge-list"> <li> <a class="badge-link" title="One hundred people successfully fixed things using guides you helped write" href="/Badge/Artisan"> <img width="32" height="32" alt="Artisan" src="https://assets.cdn.ifixit.com/static/images/badges/artisan.svg"> </a> </li> <li> <a class="badge-link" title="Create a featured teardown" href="/Badge/Demolitionist"> <img width="32" height="32" alt="Demolitionist" src="https://assets.cdn.ifixit.com/static/images/badges/demolitionist.svg"> </a> </li> <li> <a class="badge-link" title="Improve a guide that hasn't been updated in six months" href="/Badge/Developer"> <img width="32" height="32" alt="Developer" src="https://assets.cdn.ifixit.com/static/images/badges/devleoper.svg"> </a> </li> </ul> <p class="num-left"> <a href="/User/Graph/1/iRobot"> +33 more badges </a> </p> </div> </div> </div> </div> </div> </div> <div class="guide-comments-container container"> <div class="column comments js-comment-container js-page-comments" data-context="guide" data-contextid="38497" data-api="getCommentsHtml" id="guide-comments-container" > <div class="row comments-header"> <div class="hidden-mobile"> <h3 class="js-comment-count" data-numcomments="2"> 2 Comments </h3> </div> <div class="comment-buttons"> <button type="button" class="addComment readonly-hidden js-add-comment js-scroll-to-editor iconLink comments-header-button button button-medium hideZero" rel="nofollow" data-context="guide" data-contextid="38497" data-editorid="prosemirror-guide-38497" data-addCount="1" title="Add a comment"> <i class="fa fa-comment-o fa-lg " ></i> <span>Add a comment</span> </button> </div> </div> <div id="comments" class="readonly-disabled js-comments"> <div class="comment-row comment-thread" id="container-441281" > <span style="display:inline-flex; width:20px; height:20px;" class="fa-svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M160 368c26.5 0 48 21.5 48 48v16l72.5-54.4c8.3-6.2 18.4-9.6 28.8-9.6H448c8.8 0 16-7.2 16-16V64c0-8.8-7.2-16-16-16H64c-8.8 0-16 7.2-16 16V352c0 8.8 7.2 16 16 16h96zm48 124l-.2 .2-5.1 3.8-17.1 12.8c-4.8 3.6-11.3 4.2-16.8 1.5s-8.8-8.2-8.8-14.3V474.7v-6.4V468v-4V416H112 64c-35.3 0-64-28.7-64-64V64C0 28.7 28.7 0 64 0H448c35.3 0 64 28.7 64 64V352c0 35.3-28.7 64-64 64H309.3L208 492z"/></svg></span> <div class="comment-info "> <div id="comment-441281" class="comment "> <div class="commentContent" data-commentid="441281"> <p>Which program do you recommend?</p> </div> <p class="commentMeta"> <a href="/User/1138735/David+Burbano">David Burbano</a> - <a href="https://www.ifixit.com/Guide/How+to+Post-Process+Pictures/38497?permalink=comment-441281#comment-441281" class="js-permalink comment-date" rel="nofollow"><time title="Thu, 24 May 2018 19:30:33 -0700" datetime="2018-05-24T19:30:33-07:00">May 24, 2018</time></a> <span class="commentActions"> <a class="addComment js-add-comment js-scroll-to-editor" data-editorid="prosemirror-guide-38497" data-context="guide" data-contextid="38497" data-parentid="441281" title="Replying to David Burbano" href="#reply">Reply</a> </span> </p> </div> </div> </div> <div class="comment-row comment-thread" id="container-872753" > <span style="display:inline-flex; width:20px; height:20px;" class="fa-svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M160 368c26.5 0 48 21.5 48 48v16l72.5-54.4c8.3-6.2 18.4-9.6 28.8-9.6H448c8.8 0 16-7.2 16-16V64c0-8.8-7.2-16-16-16H64c-8.8 0-16 7.2-16 16V352c0 8.8 7.2 16 16 16h96zm48 124l-.2 .2-5.1 3.8-17.1 12.8c-4.8 3.6-11.3 4.2-16.8 1.5s-8.8-8.2-8.8-14.3V474.7v-6.4V468v-4V416H112 64c-35.3 0-64-28.7-64-64V64C0 28.7 28.7 0 64 0H448c35.3 0 64 28.7 64 64V352c0 35.3-28.7 64-64 64H309.3L208 492z"/></svg></span> <div class="comment-info "> <div id="comment-872753" class="comment "> <div class="commentContent" data-commentid="872753"> <p>Affinity photo works great.</p> </div> <p class="commentMeta"> <a href="/User/4290115/Nossy+Drelich">Nossy Drelich</a> - <a href="https://www.ifixit.com/Guide/How+to+Post-Process+Pictures/38497?permalink=comment-872753#comment-872753" class="js-permalink comment-date" rel="nofollow"><time title="Sun, 26 Mar 2023 20:14:05 -0700" datetime="2023-03-26T20:14:05-07:00">Mar 26, 2023</time></a> <span class="commentActions"> <a class="addComment js-add-comment js-scroll-to-editor" data-editorid="prosemirror-guide-38497" data-context="guide" data-contextid="38497" data-parentid="872753" title="Replying to Nossy Drelich" href="#reply">Reply</a> </span> </p> </div> </div> </div> </div> <div class="row readonly-hidden"> <div class="column"> <form id="comment-form-guide-38497" class="add-comment-form js-add-comment-form context-guide" data-context="guide" data-contextid="38497" data-editorid="prosemirror-guide-38497" method="post"> <h4 class="js-add-comment-title">Add Comment</h4> <span class="comment js-reply-comment-text"> </span> <div class="formBody"> <div class="formField"> <div class="prosemirror js-user-mention-editor" id="prosemirror-guide-38497" data-wikitags="["Prefilter","Delimiters","Mature","Raw","Url","Link","Wikilink","Guidelink","Guides","Productlink","Partslink","Toolslink","Shoplink","Productlist","Postlink","Implicitlink","Document","Note","Quote","Linebreak","Paragraph","Strong","Emphasis","Teletype","Superscript","Subscript","Delete","Insert","Mention","Unbalancedtags","Transform"]" data-mincharacters="12" data-maxcharacters="1024" data-preset="comments" > </div> </div> </div> <div class="form-footer"> <input class="js-comment-context" type="hidden" value="" /> <input class="js-comment-contextid" type="hidden" value="" /> <p class="maxCharacters js-max-characters" data-textarea-id="prosemirror-guide-38497" data-minimum="12" style="display:none">1024</p> <div class="comment-form-buttons"> <button class="hidden js-cancel-reply js-add-comment button" data-editorid="prosemirror-guide-38497"> Cancel </button> <button class="post-comment button button-action-solid js-comment-submit" type="submit">Post comment</button> </div> </div> </form> </div> </div> </div> </div> </div> <div id="embedBox" style="display: none;"> <h3>Embed this guide</h3> <p>Choose a size and copy the code below to embed this guide as a small widget on your site / forum.</p> <div class="button-container"> <button class="button button-checked js-embed-type js-button-checkable" data-embedType="single">Single Step</button> <button class="button js-embed-type js-button-checkable" data-embedType="full">Full Guide</button> </div> <div class="button-container"> <button class="button js-embed-width js-button-checkable" data-embedWidth="600">Small - 600px</button> <button class="button button-checked js-embed-width js-button-checkable" data-embedWidth="800">Medium - 800px</button> <button class="button js-embed-width js-button-checkable" data-embedWidth="1200">Large - 1200px</button> </div> <form class="form"> <textarea style="display: none;" class="js-embed-text js-embed-full" data-embed-template="<iframe id="dozuki-embed-38497" src="https://www.ifixit.com/Guide/embed/38497/full" width="{width}" allowfullscreen frameborder="0"></iframe> <script>window.addEventListener("message",function(a){var b=document.getElementById("dozuki-embed-38497"),c=a.data[0],d=a.data[1];switch(c){case"setHeight":b.style.height=d+"px"}},!1);</script>" ><iframe id="dozuki-embed-38497" src="https://www.ifixit.com/Guide/embed/38497/full" width="800" allowfullscreen frameborder="0"></iframe> <script>window.addEventListener("message",function(a){var b=document.getElementById("dozuki-embed-38497"),c=a.data[0],d=a.data[1];switch(c){case"setHeight":b.style.height=d+"px"}},!1);</script></textarea> <textarea class="js-embed-text js-embed-single" data-embed-template="<iframe src="https://www.ifixit.com/Guide/embed/38497" width="{width}" height="{height}" allowfullscreen frameborder="0"></iframe>" ><iframe src="https://www.ifixit.com/Guide/embed/38497" width="800" height="584" allowfullscreen frameborder="0"></iframe></textarea> <script> window.addEventListener('message', function(e) { var iframe = document.getElementById("dozuki-embed-38497"); if (!iframe) { return false; } var eventName = e.data[0]; var data = e.data[1]; switch(eventName) { case 'setHeight': iframe.style.height = data + 'px'; break; } }, false); </script> </form> <h3>Preview</h3> </div> </div> </div>  </div>  <div class="clearer"></div> </div>  <div class="clearer"></div> </div>  </div>  <div id="pageStats" class=""> <div class="stats-module-title"><i class="fa fa-bar-chart-o " ></i> <strong>View Statistics:</strong></div> <div class="stats-numbers-container"> <p><span class="statTitle">Past 24 Hours:</span> <span class="statValue">0</span></p> <p><span class="statTitle">Past 7 Days:</span> <span class="statValue">1</span></p> <p><span class="statTitle">Past 30 Days:</span> <span class="statValue">24</span></p> <p><span class="statTitle">All Time:</span> <span class="statValue">7,059</span></p> </div> </div> <div class="clearer"></div> <div class="react-component component-Footer" data-reactroot data-name="Footer" data-props="{"supportUrl":"https:\/\/help.ifixit.com\/","repairUrl":"https:\/\/repair.org\/","langViewID":"en","privacyPolicyUrl":"https:\/\/www.ifixit.com\/Info\/Privacy"}"> <style> .footer-placeholder { min-height: 1325.55px; @media (min-width: 768px) { min-height: 630.94px; } @media (min-width: 1440px) { min-height: 622.94px; } } </style> <div class="footer-placeholder hide-until-css-loaded"></div> </div> </div>  <img src="https://ping.ifixit.com/pp/tick.gif?key=ifixit%2Fguide%2F38497%2Fen" width="1" height="1" alt="" class="hidden" /> <script type='text/javascript'> var App = {"recaptchaToken":"6LdcrYcUAAAAADXZZ8mZBNd48Qpg6jF6_Zp2s1t5","canIBypassGAEventFiringOnMobile":false,"objectNameSingular":"Device","objectNamePlural":"Devices","which":"ifixit","siteid":2,"isLoggedIn":false,"algoliaConfig":{"appId":"XQEP3AD9ZT","apiKey":"OTdlNjRiOTcwM2E2YzdiMDJiMDliNDRmNmJkMDU5ZTAyNWFlMDkzZGQ1OGU5ZDU1YTIwYmIzYjVmY2MwMTc1YWZpbHRlcnM9c2l0ZSUzQSUyMmlmaXhpdCUyMiUyMEFORCUyMCUyOHB1YmxpYyUyMCUzRCUyMDElMjBPUiUyMHZhcmlhbnRzX2NvdW50JTIwJTNFJTNEJTIwMSUyOSZ2YWxpZFVudGlsPTE3NDEwNTk0NTY=","indexPrefix":"","indexNamesByObjectType":{"guide":["guide_en"],"post":["post_en"],"product_group":["product_group_en"],"searchpage":["searchpage_en"],"document":["document_en"],"wiki":["wiki_en"],"topic":["topic_en"],"topic_variant":["topic_variant_en"],"item":["item_en"],"product":["product_en_us"],"wp_searchable_posts":["wp_searchable_posts"]},"filtersByObjectType":{"product":"is_pro != 1"},"defaultDoctypes":["topic","product","product_group","guide","post","wiki","pages","news","document"]},"lang":"en","users":{"jeffsu":{"username":"Jeff Suovanen","unique_username":"jeffsu","image":"https:\/\/guide-images.cdn.ifixit.com\/igi\/uYn4Ihpxm4PJCBrU.mini"},"albertob":{"username":"albertob","unique_username":"albertob","image":"https:\/\/guide-images.cdn.ifixit.com\/igi\/RWDj6ITvSijOiBRt.mini"},"udobaingo":{"username":"Udo Baingo","unique_username":"udobaingo","image":"https:\/\/guide-images.cdn.ifixit.com\/igi\/hSM1IAOXRUw5EM3d.mini"},"chromejob":{"username":"David Spalding","unique_username":"chromejob","image":"https:\/\/guide-images.cdn.ifixit.com\/igi\/JtKL2vGD3NSMfgRp.mini"},"gozgor":{"username":"G\u00f6zde","unique_username":"gozgor","image":"https:\/\/guide-images.cdn.ifixit.com\/igi\/KFD2rxTRHJmAdWrm.mini"},"annicka":{"username":"Annika Faelker","unique_username":"annicka","image":"https:\/\/guide-images.cdn.ifixit.com\/igi\/WOOH22Sc2khJvFwK.mini"},"es_six":{"username":"Brendan","unique_username":"es_six","image":"https:\/\/guide-images.cdn.ifixit.com\/igi\/TgAFMwKijKvERMOP.mini"},"claire17":{"username":"Claire Miesch","unique_username":"claire17","image":"https:\/\/guide-images.cdn.ifixit.com\/igi\/Sx1qRvpXH1aeIEL3.mini"},"christiankim":{"username":"Christian Kim","unique_username":"christiankim","image":"https:\/\/guide-images.cdn.ifixit.com\/igi\/VSQMGJtRrHiKGYoN.mini"},"maartend":{"username":"Maarten Depypere","unique_username":"maartend","image":"https:\/\/guide-images.cdn.ifixit.com\/igi\/Ki6t6SjxI63aRYbB.mini"},"mariancali":{"username":"Mariana Roca","unique_username":"mariancali","image":"https:\/\/guide-images.cdn.ifixit.com\/igi\/RPdcT4Cvwlwq3GEf.mini"},"fabiann":{"username":"Fabian Neidhardt","unique_username":"fabiann","image":"https:\/\/guide-images.cdn.ifixit.com\/igi\/OLDp14TwSBQPjuCH.mini"},"davidburbano":{"username":"David Burbano","unique_username":"davidburbano","image":"https:\/\/assets.cdn.ifixit.com\/static\/images\/avatars\/User\/ifixit\/avatar-11.thumbnail"},"oldboy62":{"username":"Reginald P James","unique_username":"oldboy62","image":"https:\/\/assets.cdn.ifixit.com\/static\/images\/avatars\/User\/ifixit\/avatar-10.thumbnail"},"jricardo":{"username":"JRicardo","unique_username":"jricardo","image":"https:\/\/assets.cdn.ifixit.com\/static\/images\/avatars\/User\/ifixit\/avatar-8.thumbnail"},"nossydrelich":{"username":"Nossy Drelich","unique_username":"nossydrelich","image":"https:\/\/guide-images.cdn.ifixit.com\/igi\/QKwNhxkkgfK2rmna.mini"}},"embedAspectRatio":0.73,"guideid":38497,"langid":"en","viewLangid":"en","deviceWiki":{"wikiid":14766,"device":"iFixit","title":"iFixit How-To","display_title":"iFixit How-To","image_url":"https:\/\/guide-images.cdn.ifixit.com\/igi\/KKHfvWcHiEhjpX1s.standard"},"canIForceSentryReporting":false,"SENTRY_DSN_JS":"https:\/\/5552835e822c4c8db5070306b2535ef3@o186239.ingest.sentry.io\/1281569","sentryTags":{"site":"ifixit","lang":"en","isAdmin":false,"deployment":"production"},"sentryPerformance":true,"sentryRelease":"33d7bbbb5d9a864467987f16196eaabec725d7d5\n","googleOAuth2Clientid":"622418919965-qcvbv04spukbdo9ut8pevt4pucmkp86o.apps.googleusercontent.com","googleOAuth2Domain":"","usernamePattern":"^[a-z][a-z0-9_]{2,14}$","maxMediaSize":100,"maxMediaLength":30,"videosEnabled":true,"strokeWidthMedium":5,"iconTimes":"<i class=\"svg-icon\" style=\"display: inline-flex; width: 16px; height: 16px;\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/>\n <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/>\n<\/svg><\/i>","videoEncodings":{"MP4_720":{"column":"MP4_720","label":"480p","encoding":"mp4","width":720,"height":480,"codecs":"avc1.4D401E, mp4a.40.2","ffmpeg_args":"-vcodec libx264 -profile:v main -level 3.1 -crf 23 -acodec aac -vf format=yuv420p","mime":"video\/mp4","always_generate":true}},"FrameModules":["LoginFrameModule","ImageMenuFrameModule","MediaLibraryFrameModule","NotifyFrameModule","WatchFrameModule","NewsletterFrameModule","UserLikeFrameModule","CommentsWatchFrameModule","CommentsFrameModule","PageStatsFrameModule","ImageMarkersFrameModule","ImageCropFrameModule","ModeratorVoteFrameModule"],"gb":{"attributes":{"uniqueId":"YyEuHeXgtOq","isExemptFromAB":false},"features":{"product-list-default-to-gallery":{"defaultValue":false,"rules":[]},"product-overview-reorder-sections":{"defaultValue":false,"rules":[]},"show-cross-sell-checkbox":{"defaultValue":false,"rules":[{"condition":null,"coverage":1,"variations":null,"key":null,"weights":null,"namespace":null,"hashAttribute":"uniqueId","filters":null,"seed":"5298a401-5a18-4037-9d68-0a8bc7151e80","hashVersion":2,"range":null,"meta":null,"ranges":null,"name":null,"phase":null}]},"plp-bigger-list-images":{"defaultValue":false,"rules":[{"condition":null,"coverage":1,"variations":[false,true],"key":"plp-bigger-list-images","weights":[0.5,0.5],"namespace":null,"hashAttribute":"uniqueId","filters":null,"seed":"405103a9-e2e3-4837-99b4-d0c33ae394d0","hashVersion":2,"range":null,"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Bigger Images"}],"ranges":null,"name":"plp-bigger-list-images","phase":"0"}]},"php-next-a-a-experiment":{"defaultValue":false,"rules":[{"condition":null,"coverage":1,"variations":[false,true],"key":"php-next-a-a-experiment","weights":[0.5,0.5],"namespace":null,"hashAttribute":"uniqueId","filters":null,"seed":"4f5cb2dc-a7e0-4468-a3b0-40a6a7162f48","hashVersion":2,"range":null,"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"}],"ranges":null,"name":"php-next-a-a-experiment","phase":"2"}]},"generic-reviews":{"defaultValue":false,"rules":[{"condition":null,"coverage":1,"variations":[false,true],"key":"generic-reviews","weights":[0.5,0.5],"namespace":null,"hashAttribute":"uniqueId","filters":null,"seed":"fa3d1b62-7ff3-42c7-82d2-55bd053c01a0","hashVersion":2,"range":null,"meta":[{"key":"0","name":"Control (No Generic Reviews)"},{"key":"1","name":"Show Generic Reviews"}],"ranges":null,"name":"Generic Reviews","phase":"0"}]},"show-cart-merch-banner":{"defaultValue":false,"rules":[{"condition":null,"coverage":1,"variations":[false,true],"key":"show-cart-merch-banner","weights":[0.5,0.5],"namespace":null,"hashAttribute":"uniqueId","filters":null,"seed":"de12c0d6-fb6e-4de0-87e5-87e8f40d35bb","hashVersion":2,"range":null,"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"}],"ranges":null,"name":"Show Cart Merch Banner","phase":"0"}]},"guide-collections":{"defaultValue":false,"rules":[]},"a-a-experiment-v7":{"defaultValue":false,"rules":[{"condition":null,"coverage":1,"variations":[false,true],"key":"experiment-v7","weights":[0.5,0.5],"namespace":null,"hashAttribute":"uniqueId","filters":null,"seed":"e7fad591-a03b-4c8a-b118-01c6a0cc96e0","hashVersion":2,"range":null,"meta":[{"key":"0","name":"Control"},{"key":"1","name":"Variation 1"}],"ranges":null,"name":"a-a-experiment-v7","phase":"0"}]},"show-consent-banner":{"defaultValue":false,"rules":[]}},"forcedVariations":[],"viewedExperiments":[],"forcedFeatures":[]},"isProduction":true,"isTest":false,"userPreferredStoreCode":"us","locale":"en_US","siteName":"ifixit","useSecureCookies":true,"sameSiteValue":"None","imageSizeWidths":{"mini":56,"thumbnail":96,"140x105":140,"200x150":200,"standard":300,"440x330":440,"medium":592,"large":800,"huge":1600},"facebookAppId":"401112919922369","piwikCustomDimensions":{"9":"Employee","20":"false"}}; </script> <script type='text/javascript'> Object.entries(App.piwikCustomDimensions).forEach( ([key, value]) => { _paq.push(["setCustomDimensionValue", key, value]); } ); </script> </body> </html>

CINXE.COM

How to Post-Process Pictures - iFixit Repair Guide