How to Resize an Image in Photoshop Without Losing Quality

Your resizing options live in the Image Size window. To access the window, open your image file. Then click on Image at the top of the ... BlogHome›Design›DesignResources›HowtoResizeanImageinPhotoshopWithoutLosingQuality Sharethis:FacebookTwitterLinkedInPinterest FollowthesimplestepsinthistutorialtoresizeanyimageinPhotoshopwithoutlosingqualityorresolution. Preventingundesirableeffectslikestretching,cropping,andpixelationiswithinyourgrasp.Justusethisguidetotakecontrolofthesizeandresolutionofyourimages. Asabonuswe’veincludedasectionaboutresizingwithoutlosingimagequality.ThankstoPhotoshop,wecanenlargeimagestoapointwithoutthetypicalpixelenlargementartifactsthatcanmakethemlookbad. Resizingimagescandomorethanjustpreventauto-sizing.It’sjustplainhandytoknow.Afterall,themoreyoucandobyyourself,thelessrelianceyouhaveonothers,whichsavestimeandmoney.Plusit’sreallyeasyonceyouunderstandthetermsandfunctions.So,let’sgettoit. ResizeanImageinPhotoshop ImageviaStasinho12 Wewanttoresizethishighresolutionimageofarhino.Asyoucansee,there’salotofdetailwedon’twanttolose,soherearetheproperstepsformaintainingthem. 1.OpenImageSize YourresizingoptionsliveintheImageSizewindow.Toaccessthewindow,openyourimagefile.ThenclickonImageatthetopoftheapplicationframe,andclickImageSize.Or,holdCommand+OptionandhitIonthekeyboard. Fromhereyou’llseeanumberofoptions,fields,anddropdownmenusgivingyoucontroloverthedimensionsandresolutionoftheimage. Inthisguide,weonlyneedtoaddresstheWidthandHeightfields.AslongasyouleavethelinkiconinitsOnstate,youwon’thavetoworryaboutdistortingyourimagebyaccidentallymis-typingormismatchingvalues.They’llautomaticallysyncwitheachother.I.e.,whenyouchangeonevalue,theotherchangestomatchtheoriginalratioofdimensions. Thelittlechainlinkiconattheleftsideoftheboxedareaisthelinktoggle.Thisisthe“off”state,meaningyoucaneditthedimensionsindependently.Youwantittolooktheimageabovethis,withthelinesconnectittoWidthandHeighttoensuretheystaysynced. 2.SetYourDimensions Inputyourspecificdimensions.Inthedrop-downmenustotherightofeachdimensionfield,youhavechoicesfortheunitsofdimension: Percent–allowsforquickmathinpercentagesPixels–setspecificpixeldimensionsInches–setsPPI(PixelsperInch)Otherunitsoflinearmeasurement Justchoosewhichunitfitsyourgoal.It’sgoodpracticetouseanimagepre-sizedforuseinitsintendedenvironment,topreventotherappsorservicesfromchangingyourimageswithoutyourcontrol.Thismeanstomaketheimageexactlythesizeyouneedsoyoucanplaceitat100%. Forexample,inaprintedpieceyouwouldwanttosizetheimagetothedimensionsoftheimageboxinyourlayoutprogramtogivethebestresolution.Foradigitaldesign,youwouldinsteadmakesurethepixeldimensionsmatchtherequirements. 3.SaveaCopy Onceyouhaveyourdimensionsset,hitOK.Nowyou’llbebackintheimagewindowwhereyoucandoothereditingwork,orjustsaveandclose.It’sgoodpracticetosaveacopyofthisimageandleavetheoriginalasitwas,incaseyouneedtomakechanges. HitCommand+Shift+StobringuptheSaveAsdialog,alsoavailableundertheFilemenuuptop.Hereyoucanrenameyournewlyresizedfiletodifferentiateitfromtheoriginal,andalsosaveittoanewlocation.Ifyouhaveabatchofimagestoresize,it’sagoodideatocreateanewfolderforthenewimagestoplayitsafe. EnlargeanImageinPhotoshop Wewanttomakethisbigger,butnotloseanypreciousdetails.ImageviaNumbernineRecord Sinceadigitalimageismadeofpixels,i.e.hard-edgedlittlemonotonesquares,wecan’tdividethemonceyouzoomincloseenoughtoseethemindividually.We’llrelyonPhotoshop’shigh-leveltechnologytoresampletheimage. ThisiswhereResolutionisimportant.Thisistheindicationofanimage’sdetail,measuredinhowmanypixelsfitwithinasquareinch,orPPI(PixelsPerInch).Youcanseehowdifferentresolutionslooksbelow.Morepixelspersquareinchofanimagegivemoredetailandsharpness. NotethesettingsheretoillustratedifferentResolutionusingthesameDimensions.Imagequalityisaffectedbythisrelationshipevenwhentheimageremainsthesamephysicalsize. Thisbringsustoincreasingthesizeandresolutionofimages,andthelimitationsofenlargement.Remember,pixelscan’tbedivided.Sohowdoweenlargeanimageifwecan’tcreatepixelsfrompixels? 1.EnablePreserveDetails2.0 Photoshopintroducedthishigh-qualityenlargementfeaturein2018.Toenableit,hitCommand+KtoopenthePreferenceswindows,thenclickTechnologyPreviewsinthelisttotheleftofthewindow. YoucanalsoclickPhotoshopatthetopofthescreen,hoveroverPreferences,andclickTechnologyPreviews. JustmakesureEnablePreserveDetails2.0Upscaleischeckedonandyou’regoodtogo.Ifnot,clickiton.Noneedtorestart.NowgobacktotheImageSizewindowandrefertotheResampletoggle. 2.EnableResample Whenswitchedoff,thepixeldimensionsandresolutionremainlinked.Ifyouincreasetheresolution(seenasPixels/Inchinthewindow)thedimensionswilldecreasetoreflectthechange,andviseversa.ItsimplymeansthatPhotoshopisnotaddingorremovingpixels,thetotalnumberofpixelsremainsconstantandonlytheamountpersquareinchchanges. NowcheckResampleon,andtheoptionsfortheresamplingmethodinthedropdownnexttoitbecomeavailable.Thesearetheoptionsforchangingresolutionanddimensionsseparately,lettingPhotoshopblendthepixelsinvariouswaystokeeptheimagesmoothwhenenlargingorreducing.Theoptionsforenlargementareinthetophalfofthelist. Thetopsectionofthelistisforenlargement,specificallyPreserveDetails2.0 3.SelectPreserveDetails2.0 ThedefaultmodeforenlargementisAutomatic,butitcouldbesettothelastmethodused.Ifit’ssettoAutomatic,Photoshopwon’tusePreserveDetails2.0,sochoosethismanuallytoensureyougetthehighqualityresultsitprovides.SoselectPreserveDetails2.0forbestresults. 4.NoiseReduction WhenyouselectPreserveDetails2.0fromthelist,you’llseeasliderforNoiseReductionpercentage.Instinctuallyitwouldseemlikethrowingthesliderallthewayto100%wouldwork,butusethepreviewintheleftsideofthewindowtoseehowthataffectstheimage.Sometimesitcansmeartheimagedetailsifsettoohigh.Chooseavaluethatreducesnoise,butdoesn’tmakethedetailstoo“creamy.” Whendoublingresolutionto600PPI,thisimagewillneedsomeNoiseReduction. SeehowNRat100%istoomuch,though.Useavaluebetween0and100inacaselikethis. Now,doafinalcheckoftheimagepreviewbyzoominginandoutandpanningaroundtheimage.ChangeNoiseReductionifyouneedto.HitOKandchecktheimageagainatfullscreen.Ifyouwanttocompare,hitUndo(Command+Z)andopenImageSizeagain.Useothermethodsofenlargementfromthedropdownmenuandchecktheresults.ChancesarePreserveDetails2.0willbeyourbestbestforhighqualityenlargement,withoutlosingimagequality. LookingforotherusefulPhotoshoptips?Checktheseout. Halftoning101:HowtoHalftoneImagesinPhotoshopHowtoSmoothEdgesinPhotoshopAfterMakingaSelectionHowtoWhitenTeethinPhotoshop+MoreRetouchingTipsPhotoshopBasics:LearnHowtoUseLayersinYourDesignsHowtoMakeaBackgroundTransparentinPhotoshop Findquality,easytoscalestockassets. Getvectors RelatedPosts FreeDownloads   Inspiration   Editorial