Kuidas teha täislehe ekraanipilti: kuidas teha täislehe ekraanipilti igas seadmes

Kui soovid veebilehte jäädvustada, siis tavaliselt soovid saada tervikliku loo, mitte ainult seda osa, mis mahub su ekraanile. Täislehekülje ekraanipildi tegemine tähendab kõige püüdmist ühes selges pildis, ülevalt bännerilt kuni alumise jaluse alla. Hea uus on see? Sa saad vahele jätta tüütu protsessi mitmete piltide tegemisest ja nende kokku õmblemisest. Su kaks parimat valikut on lihtne brauserilaiend ühekordseks pildistamiseks või oma brauseri arendajatööriistad loomuliku lahenduse jaoks.

Miks on täislehekülje ekraanipilt tänapäeval hädavajalik

Kas oled kunagi proovinud salvestada pikka artiklit või veebipilet, ainult et lõpuks saada segane pusle osalistest piltidest? See on tavaline frustratsioon. Sa ei kaota mitte ainult lehe osi; sa kaotad tervikpildi. Tavalised ekraanipildid lihtsalt ei suuda hakkama saada tänapäeva lõputult kerivatel veebilehtedel, jäädes maha kogu konteksti jäädvustamisel.

See ongi täpselt põhjus, miks oskus täislehekülje ekraanipildi tegemisest on muutunud nii oluliseks oskuseks. See ei ole lihtsalt lahe nipp; see on praktiline tööriist disaineritele, turundajatele ja tegelikult kõigile, kes vajavad veebisisu täpset dokumenteerimist.

Nähtava akna taha

Tavaline ekraanipilt püüab ainult seda, mida sa hetkel näed. Täislehekülje püüdmine seevastu salvestab kogu lehe pikkuse ühes järjepidevas, kvaliteetses pildis. See on mängumuutja mitmetel igapäevastel ülesannetel:

• Disaini ja kasutajakogemuse (UX) ülevaated: Kujuta ette, et proovid kritiseerida tootelehe kasutajateekonda vaid mõne üksiku eraldiseisva pildiga. Kogu teekonna jäädvustamine annab su meeskonnale täieliku konteksti.
• Sisu arhiveerimine: Leidsid suurepärase pikavormi artikli, mida soovid lugeda võrguta? Täislehekülje pilt salvestab kõik hiljemaks.
• Ajaloo pidamine: Ideaalne kogu tehinguajaloo või pika e-kirjade ahela dokumenteerimiseks oma jaoks, ilma ühtegi üksikasja kaotamata.
• Vigade raporteerimine: Kui märkad visuaalset tõrget, siis arendajatele kogu lehe näitamine aitab neil probleemi palju kiiremini kindlaks teha.

See otsustepuu aitab sul kiiresti välja selgitada parima meetodi, lähtudes sellest, mida vajad ja kui mugav sa erinevate tööriistadega oled.

Nagu otsustepuu näitab, kui kiirus ja lihtsus on su peamised prioriteedid, siis laiend on tõenäoliselt su parim valik. Kui oled nõus mõne lisakliki ja eelistad sisseehitatud lahendust, siis brauseritööriistad on kindel valik.

Selle tehnika vajadus kasvas tõeliselt koos reageeriva disaini tõusuga. Kuna veebilehed muutusid pikemaks ja dünaamilisemaks, avastasid kvaliteedikontrolli (QA) meeskonnad, et kogu renderdatud lehe püüdmine on testimiseks kriitiline. Tegelikult, 2015 teatasid paljud, et see meetod vähendas visuaalse tagasipööramise (regressiooni) vigu 30–40% võrreldes ühe vaateakna (viewport) ekraanipiltidega. Miks? See tabas need nõksad ekraanivälised elemendid ja laaditud sisu, muidu jääksid maha. Süvitsi saad neid veebitesti leide uurida Research and Markets lehelt.

Kiirjuhend täislehekülje ekraanipiltide meetoditele

Et aidata sul kiiresti otsustada, siis see tabel võtab lahti kõige tavalisemad meetodid, nende ideaalsed kasutusjuhud ja mida on vaja.

Meetod	Sobib kõige paremini	Tehniline oskus	Nõuab paigaldamist
Brauseri arendajatööriistad	Kiired, ühekordsed püüdised midagi paigaldamata.	Algtase	Ei
Brauserilaiendid	Sage kasutamine, lisafunktsioonid nagu redigeerimine ja pilvesalvestus.	Puudub	Jah
Mobiiliopsüsteemi funktsioonid	Sisu püüdmine telefonil või tahvelarvutil.	Puudub	Ei
Kolmanda osapoole rakendused	Täiustatud funktsioonid, automatiseerimine ja meeskonnatöö.	Varieerub	Jah

Kõigil neil lähenemistel on oma koht. Sinu jaoks õige sõltub tegelikult sellest, kui tihti sa pilte tegema hakkad ja mida sa neiga pärast teha plaanid.

Sisseehitatud brauseritööriistade kasutamine puhtaks püüdmiseks

Mõnikord on parim tööriist see, mis sul juba olemas on. Enne kui hakkad otsima mõnd muud laiendust, tasub teada, et brauserid nagu Google Chrome ja Microsoft Edge pakuvad võimsat, sisseehitatud funktsiooni täislehekülgede ekraanipiltide tegemiseks. See on arendajate ja teiste tehnikahuviliste lemmik, kuna see on täpne ja täiesti segadusteta.

See loomulik tööriist peitub Arendaja tööriistade paneeli sees. See võib kõlada natuke hirmutavalt, kuid protsess on üllatavalt lihtne. Laadimisi, registreerimisi ega lisaikoonid, mis teie tööriistariba ummistavad, pole vaja. Te saate lihtsalt terve lehe piksliselt ideaalse pildi, täpselt nii, nagu brauser seda ise näeb.

Ekraanipildi käsule juurdepääs

Kõigepealt peate avama Arendaja tööriistad lehel, mida soovite jäädvustada. Seda saab teha kiiresti kahel viisil:

• Klaviatuuri otsetee: Kõige kiirem tee on vajutada Cmd+Option+I Macil või Ctrl+Shift+I Windowsil.
• Paremklõpsti menüü: Samuti saate lihtsalt paremklõpsata kuskil lehel ja valida ilmuvas menüüs "Inspekteeri".

DevTools'i paneeli avamisega on järgmine samm käsu käivitamine. Ärge muretsege, te ei pea kirjutama ühtegi koodi. Lihtsalt avage käsuvajutusega Cmd+Shift+P (Mac) või Ctrl+Shift+P (Windows).

Teie ekraani ülaosas ilmub otsinguriba. Lihtsalt hakake tippima "screenshot" ja teile kuvatakse kohe valikute loend.

Näpunäide: Te näete mõningaid valikuid, kuid täieliku jäädvustuse jaoks jätke tähelepanuta "ala" või "sõlme" valikud. Teie otsitav valik on Capture full size screenshot. See käsk ütleb brauseril kogu leht ühte sujuvasse pildiks kokku õmmelda.

Valige see valik, vajutage Enter ja ongi kõik. Brauser kulutab hetke kogu lehe töötlemiseks ja seejärel laadib ekraanipildi automaatselt alla, tavaliselt PNG-failina, otse teie allalaadimiste kausta. See on uskumatult puhas ja otsene meetod.

Loomulikult, kuigi see sisseehitatud valik on suurepärane kiireks ja vaevata jäädvustamiseks, on sellel siiski oma piirangud. Kui teil on vaja rohkem funktsioone nagu kohene redigeerimine, märgistused või pilvesalvestus, siis spetsiaalne tööriist nagu ShiftShift Full Page Screenshot laiendus saab teie töövoogu tõeliselt kiirendada.

Konkreetsete mobiilivaadete jäädvustamine

Siin paistab DevTools'i meetod tõeliselt silma: võimalus täpselt jäädvustada, kuidas veebileht konkreetse mobiilseadme ekraanil välja näeb. See on murranguline veebikujundajatele, arendajatele ja kvaliteedikontrollijatele, kes peavad dokumenteerima reageerivaid kujundusi ilma arvamata.

Enne ekraanipildi käsu käivitamist peate lihtsalt lülituma Seadme režiimi.

Kui teie DevTools'i paneel on endiselt avatud, otsige väikest ikooni, mis näeb välja nagu telefon ja tahvelarvuti (Seadme tööriistariba lülitamine) ja klõpsake seda. Teie veebileht kahandatakse koheselt mobiilse vaateni.

Sealt saate kasutada ülevaateala ülaosas asuvat rippmenüüd, et valida konkreetne seade, näiteks "iPhone 14 Pro" või "Pixel 7."

Kui olete saanud soovitud vaate, käivitage lihtsalt Capture full size screenshot käsk täpselt nagu varem.

Tulemus on täiuslik, terve pikkusega pilt teie saidist, nagu see konkreetse seadme ekraanil välja näeb. See on uskumatult täpne viis hetkepiltide loomiseks vigade raportite, kujunduskavandite või kliendiesitluste jaoks, kõike seda ilma füüsilist seadet käes hoidmata.

Sisseehitatud brauseritööriistad on kiiretel juhtudel kasulikud, kuid olgem ausad – neid ei ole loodud intensiivseks töövooguks. Kui te peate regulaarselt täislehekülgede ekraanipilte tegema, ei tule kiiruse ja mugavuse poolest midagi lähedale heale brauserilaiendusele. Need tööriistad paigutavad end otse teie brauseri tööriistaribale, muutes kohmaka mitmeastmelise protsessi üheks rahuldustpakkuvaks klõpsuks.

Mõelge reaalsetele stsenaariumidele. Te võite olla kujundaja, kes arhiveerib konkurentide veebisaite meeolu jaoks, turundaja, kes salvestab pikki artikleid uurimiseks, või tugiteenuste töötaja, kes üritab dokumenteerida keerulist kasutajaproblemi otsast lõpuni. Nendel juhtudel ei aita arendajatööriistadega jändamine. Vajate kiirust ja laiendused seda pakuvad.

The ShiftShift Extensions komplekt on suurepärane näide sellisest tõhususest. Selle Täisekraani pilttööriist on peidetud ühtse käsu paleti sisse, nii et see on alati valmis, kui seda vajad, kuid ei sega kunagi sinu ekraani. See on ideaalne lahendus professionaalidele, kes soovivad võimsaid tööriistu ilma puhta ja keskendunud tööala loovutamata. Kui soovid oma tööd sujuvamaks muuta, saad rohkem uurida meie võimsaid brauserilaiendi tööriistu.

Õige laienduse valimine oma vajaduste jaoks

Kiire otsing Chrome'i veebipoest toob välja kümneid ekraanipiltide tööriistu. Niisiis, kuidas eristada hea suurepärasest? See taandub tegelikult mõnele põhitegurile.

• Toimivus ja kiirus: Kui kiiresti see tegelikult lehe püüab? Mõned laiendused on pikatel, keerulistel lehtedel aeglased, samas kui teised on peaaegu kohesed.
• Redigeerimisfunktsioonid: Kas sellel on sisseehitatud redaktor? Parimad tööriistad võimaldavad pilti pärast pildistamist koheselt kärpida, teksti lisada, nooli joonistada või isegi tundlikke andmeid hägustada.
• Ekspordi valikud: Kas saad selle salvestada PNG-vormingusse või JPG-vormingusse? Veel parem, kas saad selle eksporditava PDF-failina? Paindlikkus on võtmetähtsusega.
• Privaatsuspoliitika: See on üks suur teema. Tehniliselt saab laiendus „näha“ lehte, mida külastate, seega selge ja privaatsust esikohale seisev poliitika on kohustuslik. Tööriistad, mis teostavad kogu töötlemist otse teie seadmes, on alati kõige turvalisem valik.

Õige tööriista leidmine sõltub sageli isiklikust eelistusest ja teie konkreetsetest vajadustest, kuid kasutajate arvustused ja hinnangud võivad palju öelda.

Samuti tasub teada veidi sellest, mis toimub „kapoti all“. Paljud laiendused kasutavad „keri-ja-õmble“ tehnikat. Need kerivad programmeeritult alla, teevad pildi igast jaotisest ja seejärel paneksid need kokku. Teised kasutavad braiseri loomulikku renderdusmootorit, et genereerida üksainus suurepärane pilt juba algusest peale.

Jõudlusvahe on üsna märkimisväärne. Testidokumendid näitavad, et kohalikud renderdamismeetodid on sageli palju kiiremad, võttes ainult 0,8–1,6 sekundit keskmiselt. Seevastu kerimise ja õmblemise lähenemine võib võtta 1,8–3,5 sekundit ja on palju suurem tõenäosus ebaõnnestuda keerulise paigutusega lehtedel.

Seda märkate eriti lehtedel, millel on kleepuvad päised või animatsioonid. Kerimise ja kokkupaneku meetod võib kergelt segadusse sattuda, jättes teile kummalised visuaalsed tõrked või dubleeritud elemendid lõplikku ekraanipilti.

Praktiline juhend laiendiga

Laiendiga alustamine on uskumatult lihtne. Kui olete oma brauseri veebipoest installinud meelepärase laienduse, ilmub selle ikoon tavaliselt teie aadressiriba kõrvale.

Edasi läheb protsess erakordselt lihtsaks. Liigu lihtsalt lehele, mida soovid jäädvustada, ja klõpsa laienduse ikoonil. Enamik kvaliteetseid tööriistu annab sulle kohe valiku:

• Kogu lehe jäädvustamine: Peamine sündmus. See on ühe klõpsuga valik, mis haarab kõik.
• Nähtava ala jäädvustamine: Kiire pilt sellest, mis just praegu sinu ekraanil on.
• Valitud ala jäädvustamine: Võimaldab klõpsata ja lohistada, et määratleda täpselt soovitud piirkond.

Kui vajutad Kogu lehe pildistamine, laiendus võtab juhtimise üle ja töötleb automaatselt kogu lehe. Hetkega avaneb uus vaheleht teie valmis ekraanipildiga, mis on koheselt redigeerimiseks valmis. Sisestatud tööriistadega saate lisada märkmeid või pilti kärpida enne, kui salvestate selle arvutisse PNG, JPG või PDF formaadis. See sujuv protsess on täpselt põhjus, miks laiendused on mu tööriistakasti asendamatu osa.

Kerivate ekraanipiltide meisterdamine mobiilis

Olgem ausad, me elame oma telefonides. Sisu pildistamine liikvel olles pole pelk mugavus, vaid hädavajalik. Teadmine, kuidas telefonil kerivat ekraanipilti teha, on kaasaegne superpööre, mis sobib suurepäraselt kõige alates pikad tekstisõnumitest kuni detailsete veebiretseptideni salvestamiseks.

Õnneks pole te enam selleks kolmanda osapoole rakendust vaja. iOS-i ja Androidi vahel on protsess pisut erinev, kuid mõlemal on mõned üllatavalt võimsad sisseehitatud tööriistad, mis saavad asja tehtud.

Täislehekülgede jäädvustamine iPhone'iga

Apple'il on sile täislehe ekraanipildi funktsioon otse iOS-i sisse ehitatud, kuid see paistab tõeliselt silma, kui kasutad Safarit. See on natuke varjatud pärl, kui sa ei tea, kust otsida.

Esmalt tee lihtsalt ekraanipilt nii, nagu sa alati teed:

• Face ID-ga iPhone'ide puhul: Vajuta korraga Külgnuppu ja Helitugevuse suurendamise nuppu.
• Kodunupuga iPhone'ide puhul: Vajuta korraga Külgnuppu ja Kodu nuppu.

Paremasse alumisse nurka ilmub väike pisipildi eelvaade. Pead olema kiire ja puudutama seda enne, kui see kaob. Kui oled redaktoris, vaata ekraani ülaossa. Näed kahte vahekaarti: Ekraan ja Täis leht.

Puuduta Täis leht. Paremale ilmub liugur, mis võimaldab eelvaadata kogu just püüdetud veebilehte.

Siin on aga üks aga: iOS-i pärisfunktsioon salvestab need täislehe püüdmised PDF-ina, mitte standardsena pildifailina nagu PNG või JPG. See on suurepärane artiklite või dokumentide salvestamiseks, kuid see on midagi, mida tasub meeles pidada, kui lootus oli pildile.

Keritava ekraanipildi tegemine Androidil

Androidi ökosüsteem on erinevate tootjate tõttu natuke metsik lääs, kuid põhifunktsioon on enamikul kaasaegsetel Google'i, Samsungi ja OnePlusi telefonidel üsna ühtlane. Seda nimetatakse tavaliselt Keri püüdmine või Keritav ekraanipilt.

Alusta tavalise ekraanipildi tegemisest, mis peaaegu alati tehakse vajutades korraga Toitenuppu ja Helitugevuse vähendamise nuppu.

Kohe pärast seda ilmub ekraani alla väike tööriistariba. Jälgi ikooni allapoole suunatud nooltega – sellel võib olla silt "Capture more" (Püüd rohkem) või lihtsalt kerimissümbol. Puuduta seda. Su telefon kerib automaatselt alla ja õmbleb järgmise osa sinu ekraanipildile.

Saad seda nuppu pidevalt puudutades jätkata rohkem lehe püüdmist. Kui oled kõik vajaliku kätte saanud, puuduta lihtsalt ekraanipildi eelvaadet ise või oota, kuni tööriistariba kaob. Erinevalt iPhone'idest salvestavad Androidi telefonid need pikad püüdmised tavaliselt üksikuna pikana pildifailina (nagu PNG), mis on vestlustes või sotsiaalmeedias jagamiseks palju lihtsam.

Miks see mõnikord ebaõnnestub

Oled kunagi proovinud keritavat ekraanipilti teha ja valik on lihtsalt... seal pole? Juhtub. Tavaliselt on see seetõttu, et rakendus, milles oled, on kummaline, standardsedüsteemi mittevastav või omab kohandatud kerimisviisi. Kui operatsioonisüsteem ei suuda tuvastada lihtsat keritavat akent, siis seda funktsiooni ei pakuta.

Kui sellise müüriga põrkad, on ainus tõeline lahendus minna vanakooli: tee käsitsi mitu kattuvat ekraanipilti ja pane need vajadusel hiljem kokku.

Kuidas lahendada levinud ekraanipildi probleeme

Oled ekraanipildi teinud, kuid kui faili avad, on midagi viga. Võib-olla on osa lehte puudu, on kummalisi visuaalseid häireid või on fail lihtsalt liiga suur, et seda meilida. Olen seda kogenud. Püüdmise saamine on üks asi; selle õige saamine on teine.

Käime läbi mõned levinumad viperused ja kuidas neid parandada.

Õige failiformaadi valimine: PNG vs. JPG

Esmalt räägime failiformaatidest. Valik PNG ja JPG (või JPEG) vahel pole lihtsalt tehniline detail – see mõjutab otseselt teie pildifaili kvaliteeti ja suurust.

• PNG (Portable Network Graphics): Mõtle sellest kui oma kõrge täpsusega valikust. PNG kasutab kadudeta tihendamist, mis tähendab, et see säilitab iga üksiku piksli ideaalselt puutumatuna. See on parim valik veebilehtede, kasutajaliiduste või midagi terava teksti ja puhtate joontega ekraanipiltide jaoks. Siin ei saa mingit hägusust.
• JPG (Joint Photographic Experts Group): See on su peamine valik, kui failisuurus on prioriteet number üks. JPG kasutab kadudeta tihendamist, mis loovalt viskab mõned pildiandmed ära, et faili suurust vähendada. See on suurepärane fotode jaoks, kuid võib muuta ekraanipildil teksti ja teravad servad pisut häguseks.

Mõnikord püüad ideaalse PNG, kuid avastad hiljem, et vajad esitluse või blogipostituse jaoks väiksemat faili. Pole probleemi. Saad hõlpsalt teisendada PNG-st JPG-ks, et failisuurust vähendada ilma uut pilti tegemata.

Katkenud või mittetäielike ekraanipiltide parandamine

See on üks tüütumaid asju: teed veebilehest täisekraanipildi, aga avastad, et alumine pool on lihtsalt tühi valge tühjus.

See tuleneb peaaegu alati sellest, kuidas tänapäevased veebisaidid on üles ehitatud. Paljud kasutavad tehnikat, mida nimetatakse laisaks laadimiseks (lazy loading), kus pildid ja muu sisu tegelikult ei laadi, kuni need kerimise teel vaatevälja jõuavad. See on suurepärane jõudluse jaoks, kuid võib petta ekraanipilditööriistu, mis liiguvad kiiremini kui sisu ilmub.

Parandus on üllatavalt lihtne. Enne, kui vajutad ekraanipildi nuppu, keri ise kogu leht lõpuni alla. Võta aega. See sunnib kõiki laiskade laadimiselemente ilmuma, andes tööriistale täielikult renderitud lehe, millega töötada.

See pisike eelkerimise trikk on ka saladus, et püüda kinni lehti, millel on lõpmatu kerimine (infinite scroll), tagades, et saad kõik vajaliku kätte.

Kleepuvate päiste ja jalustega toimetulek

Te neid navigeerimisribasid, mis jäävad kerimise ajal ekraani üla- või alaossa kinni? Neid nimetatakse "kleepuvateks" elementideks ja need võivad tekitada kaost tööriistades, mis töötavad piltide kerimise ja "õmblemise" teel.

Kui oled kunagi näinud lõplikku ekraanipilti, kus sama päis kordub üle kogu lehe, siis see on põhjus. Tööriist segaduses ja püüab selle kinni igas segmendis.

Siin on tegemist tööriistavalikuga, mis tõesti loeb.

• Brauseri arendajatööriistad (DevTools): Chrome'i või Edge'i sisseehitatud käsud on tavaliselt piisavalt targad, et sellega toime tulla. Need renderdavad kogu lehe korraga, nii et nad näevad kleepuvat päist üheainsa elemendina oma õigel kohal.
• Täiendavad laiendused: Parimad ekraanipildilaiendused on spetsiaalselt programmeeritud kleepuvate elementide tuvastamiseks ja nendega õigesti toimetulekuks, kas püüdes need kinni vaid korra või eemaldades need täielikult puhta pildi saamiseks.

Kui sinu praegune tööriist annab sulle pidevalt korduvaid päiseid, siis arendajatööriistadele või spetsiifilistele laiendustele üleminek on parim valik.

Siin on kiire viitetabel, mille olen koostanud aastaid nendega tegelemise põhjal. See hõlmab kõige sagedasemaid probleeme, millega inimesed kokku puutuvad, ja kiireimat viisi nende lahendamiseks.

Tavalised ekraanipildiprobleemid ja lahendused

Problem	Tõenäoline põhjus	Soovitatav lahendus
Puuduv sisu / tühjad alad	Laisk laadimine või lõpmatu kerimine ei laadinud kõiki elemente enne ekraanipildi tegemist.	Keri enne ekraanipildi tegemist käsitsi lehe päris alla, et sundida kogu sisu laadima.
Korduvad päised / jalused	Lehel olevad kleepuvad elemendid segavad ekraanipilditööriistu, mis "õmblevad" pilte kokku.	Kasuta arenenumat püüdmismeetodit, näiteks brauseri sisseehitatud arendajatööriistu või spetsiaalset laiendust, mis suudab kleepuvate elementidega toime tulla.
Udune tekst või hägune detailsus	Ekraanipilt salvestati JPG formaati kõrge pakkimisega, mis vähendab kvaliteeti.	Salvesta ekraanipilt PNG formaati maksimaalse selguse saavutamiseks. Kui failisuurus on kriitiline, kasuta JPG-d, aga kõrgema kvaliteediga seadega.
Äärmiselt suur failisuurus	Pikk leht salvestati tihendamata PNG formaati, mis tulemuseks oli tohutu fail.	Salvesta JPG formaati või kasuta veebitööriista PNG tihendamiseks. Võid ka PNG teisendada JPG-ks väiksema faili saamiseks.
Püüdmise nurjumine keerukatel lehtedel	Leht on keeruliste interaktiivsete elementide, animatsioonide või skriptidega, mis häirivad tööriista.	Proovi ajutiselt JavaScript keelata arendajatööriistade kaudu või kasuta mõnda muud ekraanipildilaiendust, mis võib olla ühilduvam.

Loodetavasti annab see tabel teile selge juhis, mida järgmine kord teha, kui teie ekraanipilt ei tule päris õnnestunud. Veidi tõrkeotsinguteadmised võivad säästa palju aega ja pettumust.

Küsimused? Meil on vastused

Isegi parimate tööriistadega kättesaadavuses võite satuda mõnede keeruliste olukordade külge, kui jäädvustate täielikke lehti. Vaatame läbi mõned kõige levinumad küsimused, mida kuulen, et saaksite iga kord ideaalse pildi.

Milline on parim formaat ekraanipildi salvestamiseks?

Üheksal juhul kümnest on PNG teie parim valik. See kasutab nn kadudeta pakkimist, mis on lihtsalt viis öelda, et teie pilt ei kaota kvaliteeti. Iga tekstirida teravatipuline ja iga disainielement näeb välja täpselt nagu ekraanil. See on kohustuslik kujunduskavandite, vigade aruannete või muu professionaalse töö jaok, kus detailid on kõige olulisemad.

Millal siis kasutada midagi muud? JPG on tegelikult ainult siis, kui failisuurus on absoluutselt suurim mure ja te olete nõus väikese hägususega. Artiklite arhiveerimiseks või mitmete piltide kokku pakkimiseks on PDF suurepärane valik, eriti kui teie kasutatav tööriist säilitab teksti valitavaks.

Kas ma saan tegelikult teha ekraanipildi lehest, mis nõuab sisselogimist?

Jah, kindlasti saate. Iga meie mainitud meetod – DevToolsist kuni brauseri laiendusteni – töötab, jäädvustades praegu teie ekraanil olevat. Protsess toimub täielikult teie arvutis.

Kuna olete juba sisse logitud, on teie brauser lehe kuvanud kõigi autentitud sisuga. Ekraanipilditööriist teeb lihtsalt pildi sellest, mis juba seal on. See ei suhtle serveriga, seega puudub turvarisk.

Peamine, mida meeles pidada, on see: Kui saate seda oma brauseris näha, saab ekraanipilditööriist selle jäädvustada. See muudab need tööriistad täiesti ohutuks privaatsete kontode juhtpaneelide või ettevõttesiseste portaalide dokumenteerimiseks.

Miks mu ekraanipildid on vead või puuduvad pildid?

See on tõenäoliselt kõige levinum peavalu ja selle põhjustab peaaegu alati see, kuidas tänapäevaseid veebisaite ehitatakse. Mõned konkreetsed tehnikad on tuntud selle poolest, et need segavad ekraanipilditööriistu:

• Lazy Loading: See on siis, kui pildid ei laadi tegelikult enne, kui need kerides vaatesse jõuavad. See on suurepärane lehe kiiruse jaoks, kuid halb ekraanipiltide jaoks.
• Parallax Scrolling: Need lahedad efektid, kus taust liigub erineva kiirusega kui esiplaan, võivad jäädvustustööriistu segadusse ajada.
• Sticky Elements: Mõelge päistele, jalustele või kõrvalribadele, mis püsivad paigal, kui te kerite. Mõnikord võivad need lõpupildil korrata või katta sisu.

Lahendus on üllatavalt lihtne. Enne ekraanipildi tegemist kulutage hetk, et käsitsi kogu leht alla kerida ja seejärel tagasi üles. See sunnib brauseri kõik laadima, andes tööriistale täielikult renderdatud lehe, millega töötada. See väike samm lahendab enamiku juhtudest probleemi.

---

Kui otsite tööriista, mis käitleb neid keerulisi lehti ilma lisatööta, tasub vaadata ShiftShift Extensions komplekti. Selle ühe klõpsuga täieliku lehe ekraanipildi tööriist on loodud käsitlema tänapäevase veebidisaini iseärasusi graatsiliselt, kõik ühest ühtsest käsust. See on tõsine uuendus põhiliste sisseehitatud valikute vastu. Võite uurida ShiftShifti ökosüsteemi, et näha, kuidas see saab teie töövoogu lihtsustada.

Artikkel loodud kasutades Outrank