Kaip padaryti visos puslapio ekrano nuotrauką: kaip padaryti visos puslapio ekrano nuotrauką bet kuriame įrenginyje

Kai jums reikia užfiksuoti internetinį puslapį, paprastai siekiate viso pasakojimo, o ne tik to, kas telpa jūsų ekrane. Pilno puslapio ekrano nuotrauka reiškia, kad reikia užfiksuoti viską nuo viršutinio bannerio iki apatinio puslapio krašto vienu švariu kadru. Geros naujienos? Galite praleisti nuobodų procesą, kai reikia daryti kelis kadrus ir juos sujungti. Jūsų du geriausi pasirinkimai yra paprasta naršyklės plėtinys, leidžiantis užfiksuoti vienu paspaudimu, arba jūsų naršyklės pačios kūrėjų įrankiai, siūlantys natūralų sprendimą.

Kodėl pilno puslapio ekrano nuotrauka yra moderni būtinybė

Ar kada nors bandėte išsaugoti ilgą straipsnį ar internetinį kvitą, tik kad gautumėte painų dalinių vaizdų galvosūkį? Tai yra dažna frustracija. Jūs ne tik prarandate puslapio dalis; jūs prarandate visą vaizdą. Standartinės ekrano nuotraukos tiesiog negali apdoroti šiandien besitęsiančių svetainių, nesugebančių užfiksuoti viso konteksto.

Štai kodėl žinojimas, kaip padaryti pilno puslapio ekrano nuotrauką, tapo tokia svarbia įgūdžių sritimi. Tai ne tik šaunus triukas; tai praktiškas įrankis dizaineriams, rinkodaros specialistams ir iš tikrųjų bet kam, kas turi tiksliai dokumentuoti internetinį turinį.

Už matomo lango ribų

Įprasta ekrano nuotrauka užfiksuoja tik tai, ką matote šiuo metu. Pilno puslapio užfiksavimas, kita vertus, išsaugo visą puslapio ilgį viename nuolatiniame, aukštos kokybės vaizde. Tai yra žaidimo keitiklis daugeliui kasdienių užduočių:

• Dizaino ir UX apžvalgos: Įsivaizduokite, kad bandote kritikuoti produkto puslapio vartotojo srautą su tik keliais nesusijusiais vaizdais. Užfiksavus visą kelionę, jūsų komandai suteikiama visa konteksto informacija.
• Turinio archyvavimas: Radote nuostabų ilgą straipsnį, kurį norite perskaityti neprisijungę? Pilno puslapio užfiksavimas išsaugo viską vėlesniam laikui.
• Įrašų tvarkymas: Puikiai tinka dokumentuoti visą sandorių istoriją arba ilgą el. laiškų siūlą jūsų įrašams, nepraleidžiant nė vieno detaliaus.
• Klaidų pranešimas: Kai pastebite vizualinę klaidą, parodyti kūrėjams visą puslapį padeda jiems greičiau nustatyti problemą.

Šis sprendimų medis gali padėti jums greitai išsiaiškinti geriausią metodą, atsižvelgiant į tai, ko jums reikia ir kaip patogiai jaučiatės su skirtingais įrankiais.

Kaip rodo diagrama, jei greitis ir paprastumas yra jūsų pagrindiniai prioritetai, plėtinys greičiausiai bus geriausias pasirinkimas. Jei jums tinka keli papildomi paspaudimai ir pageidaujate integruoto sprendimo, naršyklės įrankiai yra tvirtas pasirinkimas.

Šios technikos poreikis išaugo kartu su reaguojančio dizaino plėtra. Kai internetiniai puslapiai tapo ilgesni ir dinamiškesni, QA komandos atrado, kad viso renderinto puslapio užfiksavimas buvo kritiškai svarbus testavimui. Iš tikrųjų, iki 2015 metų daugelis pranešė, kad šis metodas sumažino vizualines regresijos klaidas 30–40% palyginti su vieno vaizdo ekrano nuotraukomis. Kodėl? Nes jis užfiksavo tuos sudėtingus už ekrano esančius elementus ir lėtai įkeliantį turinį, kuris kitaip būtų praleistas. Galite giliau pasinerti į šiuos internetinio testavimo rezultatus „Research and Markets“.

Greitas vadovas apie pilno puslapio ekrano nuotraukų metodus

Norėdami padėti jums greitai nuspręsti, ši lentelė išskiria dažniausiai naudojamus metodus, jų idealias naudojimo situacijas ir tai, kas yra reikalinga.

Metodas	Geriausiai tinka	Techniniai įgūdžiai	Reikia įdiegti
Naršyklės DevTools	Greiti, vienkartiniai užfiksavimai be nieko diegimo.	Pagrindiniai	Ne
Naršyklės plėtiniai	Dažnam naudojimui, papildomos funkcijos, tokios kaip redagavimas ir debesų saugojimas.	Nėra	Taip
Mobiliosios OS funkcijos	Turinio užfiksavimas jūsų telefone ar planšetėje.	Nėra	Ne
Trečiųjų šalių programos	Išplėstinės funkcijos, automatizavimas ir komandinė bendradarbiavimas.	Kinta	Taip

Kiekvienas iš šių požiūrių turi savo vietą. Teisingas pasirinkimas jums priklauso nuo to, kaip dažnai ketinate daryti užfiksavimus ir ką planuojate su jais daryti vėliau.

Naudojant integruotus naršyklės įrankius švariems užfiksavimams

Kartais geriausias įrankis užduočiai yra tas, kurį jau turite. Prieš ieškodami kito plėtinio, verta žinoti, kad tokios naršyklės kaip Google Chrome ir Microsoft Edge turi galingą, integruotą funkciją pilno puslapio ekrano nuotraukoms daryti. Tai mėgstama kūrėjų ir kitų technologiškai išprususių žmonių, nes ji yra tiksli ir visiškai be chaoso.

Šis natūralus įrankis yra paslėptas Kūrėjų įrankių skydelyje. Tai gali skambėti šiek tiek gąsdinančiai, tačiau procesas yra stebėtinai paprastas. Jokių atsisiuntimų, jokių registracijų ir jokių papildomų ikonų, užimančių jūsų įrankių juostą. Jūs tiesiog gaunate pikselių tikslumo užfiksavimą viso puslapio, tiksliai taip, kaip jį mato pati naršyklė.

Pasiekiant ekrano nuotraukos komandą

Pirmiausia turite atidaryti Kūrėjų įrankius puslapyje, kurį norite užfiksuoti. Yra keletas greitų būdų tai padaryti:

• Klaviatūros spartusis klavišas: Greičiausias būdas yra paspausti Cmd+Option+I „Mac“ arba Ctrl+Shift+I „Windows“.
• Dešiniuoju pelės mygtuku: Taip pat galite tiesiog dešiniuoju pelės mygtuku paspausti bet kurioje puslapio vietoje ir pasirinkti „Tikrinti“ iš iššokančio meniu.

Atidarius DevTools skydelį, kitas žingsnis yra paleisti komandą.

Nepergyvenkite, jums nereikės rašyti jokio kodo. Tiesiog atidarykite komandų meniu paspausdami Cmd+Shift+P (Mac) arba Ctrl+Shift+P (Windows).

Viršuje ekrano atsiras paieškos juosta. Tiesiog pradėkite rašyti „screenshot“, ir jūs iškart pamatysite pasirinkimų sąrašą.

Profesionalus patarimas: Pamatysite keletą pasirinkimų, tačiau norint gauti pilną nuotrauką, ignoruokite „area“ arba „node“ parinktis. Jums reikia pasirinkti Capture full size screenshot. Ši komanda nurodo naršyklei sujungti visą puslapį į vieną vientisą vaizdą.

Pasirinkite šią parinktį, paspauskite Enter, ir viskas. Naršyklė užtruks akimirką, kad apdorotų visą puslapį, o tada automatiškai atsisiųs ekrano nuotrauką, dažniausiai kaip PNG failą, tiesiai į jūsų atsisiuntimų aplanką. Tai nepaprastai švarus ir tiesus metodas.

Žinoma, nors ši įmontuota parinktis yra puiki greitam, be rūpesčių užfiksavimui, ji turi savo ribas. Jei jums reikia daugiau funkcijų, tokių kaip momentinis redagavimas, anotacijos ar debesų saugojimas, specializuotas įrankis, pavyzdžiui, ShiftShift Full Page Screenshot extension, gali tikrai pagreitinti jūsų darbo eigą.

Specifinių mobiliojo vaizdų užfiksavimas

Čia DevTools metodas tikrai spindi: užfiksuoti, kaip puslapis atrodo konkrečiame mobiliajame įrenginyje. Tai yra revoliucinis sprendimas žiniatinklio dizaineriams, kūrėjams ir QA testuotojams, kurie turi dokumentuoti reaguojančius dizainus, nesukdami galvos.

Prieš paleisdami ekrano nuotraukos komandą, turite pereiti į Device Mode.

Laikydami atvirą DevTools panelę, ieškokite mažo ikonos, kuri atrodo kaip telefonas ir planšetė (Toggle device toolbar), ir spustelėkite ją. Jūsų puslapis iškart sumažės iki mobiliojo dydžio vaizdo.

Iš ten galite naudoti išskleidžiamąjį meniu viršuje, kad pasirinkti konkretų įrenginį, pavyzdžiui, „iPhone 14 Pro“ arba „Pixel 7.“

Kai turite norimą vaizdą, tiesiog paleiskite Capture full size screenshot komandą, kaip tai padarėte anksčiau.

Rezultatas bus tobulas, pilno ilgio jūsų svetainės vaizdas, kaip jis atrodo to konkretaus įrenginio ekrane. Tai nepaprastai tikslus būdas kurti nuotraukas klaidų ataskaitoms, dizaino maketams ar klientų pristatymams, viską be fizinio įrenginio turėjimo rankose.

Įmontuoti naršyklės įrankiai yra naudingi kritiniais atvejais, tačiau būkime sąžiningi – jie nėra skirti intensyviam darbo srautui. Kai jums reikia reguliariai užfiksuoti viso puslapio ekrano nuotraukas, niekas neprilygsta geros naršyklės plėtinių greičiui ir patogumui. Šie įrankiai patogiai įsikuria jūsų naršyklės įrankių juostoje, paversdami nepatogų, daugiapakopį procesą į vieną, malonų paspaudimą.

Pagalvokite apie realaus pasaulio scenarijus. Galite būti dizaineris, archyvuojantis konkurentų svetaines nuotaikų lentai, rinkodaros specialistas, išsaugantis ilgas straipsnius tyrimams, arba pagalbos agentas, bandantis dokumentuoti sudėtingą vartotojo problemą nuo pradžios iki pabaigos. Tokiais atvejais, vargti su kūrėjų įrankiais tiesiog nepakanka. Jums reikia greičio, ir plėtiniai tai suteikia.

ShiftShift Extensions rinkinys yra puikus šios efektyvumo rūšies pavyzdys. Jo Full Page Screenshot įrankis yra paslėptas vieningoje komandų paletėje, todėl jis visada paruoštas, kai jo reikia, tačiau niekada neužima jūsų ekrano. Tai ideali konfigūracija profesionalams, kurie reikalauja galingų įrankių, nesumažindami švarios, susitelkusios darbo vietos. Jei norite optimizuoti savo darbą, galite išnagrinėti daugiau mūsų galingų naršyklės plėtinių įrankių.

Tinkamo plėtinio pasirinkimas pagal jūsų poreikius

Greita paieška „Chrome Web Store“ atskleis dešimtis ekrano nuotraukų įrankių. Taigi, kaip atskirti gerus nuo puikių? Tai iš tikrųjų priklauso nuo kelių pagrindinių veiksnių.

• Veikimas ir greitis: Kaip greitai jis iš tikrųjų užfiksuoja puslapį? Kai kurie plėtiniai lėtai veikia ilguose, sudėtinguose puslapiuose, o kiti veikia beveik akimirksniu.
• Redagavimo funkcijos: Ar jis turi įmontuotą redaktorių? Geriausi įrankiai leidžia jums apkarpyti, pridėti tekstą, piešti rodykles ar net užblurinti jautrią informaciją iškart po nuotraukos padarymo.
• Eksporto parinktys: Ar galite išsaugoti kaip PNG ar JPG? Dar geriau, ar galite eksportuoti kaip paieškos PDF? Lankstumas yra svarbus.
• Privatumo politika: Tai yra svarbus aspektas. Plėtinys techniškai gali „matyti“ puslapį, kuriame esate, todėl aiški, privatumo pirmumo politika yra neginčytina. Įrankiai, kurie visą apdorojimą atlieka lokaliai jūsų mašinoje, visada yra saugiausias pasirinkimas.

Teisingo įrankio radimas dažnai priklauso nuo asmeninių pageidavimų ir jūsų specifinių poreikių, tačiau vartotojų atsiliepimai ir įvertinimai gali pasakyti daug.

Taip pat verta žinoti šiek tiek apie tai, kas vyksta užkulisiuose. Daugelis plėtinių naudoja „scroll-and-stitch“ techniką. Jie programiškai slenka žemyn, užfiksuoja kiekvieno skyriaus nuotrauką, o tada jas sujungia. Kiti naudoja naršyklės natyvią atvaizdavimo variklį, kad iš karto sugeneruotų vieną nepriekaištingą vaizdą.

Veikimo skirtumas yra gana ryškus. Benchmark ataskaitos rodo, kad natyvaus atvaizdavimo metodai dažnai yra daug greitesni, vidutiniškai užtrunka tik 0.8–1.6 sekundės. Tuo tarpu „scroll-and-stitch“ metodas gali užtrukti 1.8–3.5 sekundės ir turi daug didesnę nesėkmės tikimybę puslapiuose su sudėtingais išdėstymais.

Jūs tikrai pastebėsite tai puslapiuose su lipniais antraštėmis ar animacijomis. „Scroll-and-stitch“ metodas gali lengvai pasiklysti, palikdamas jums keistų vizualinių trūkumų ar dubliuotų elementų jūsų galutinėje ekrano nuotraukoje.

Praktinis žingsnis su plėtiniu

Pradėti naudoti plėtinį yra nepaprastai paprasta.

Kai tik įdiegsite jums patinkantį plėtinį iš savo naršyklės internetinės parduotuvės, jo piktograma paprastai pasirodys šalia jūsų adresų juostos.

Iš ten procesas yra labai paprastas. Tiesiog eikite į puslapį, kurį norite užfiksuoti, ir spustelėkite plėtinio piktogramą. Dauguma kokybiškų įrankių iš karto pasiūlys keletą pasirinkimų:

• Užfiksuoti visą puslapį: Pagrindinis įvykis. Tai vieno paspaudimo parinktis, kuri užfiksuoja viską.
• Užfiksuoti matomą sritį: Greitas momentinis vaizdas to, kas šiuo metu yra jūsų ekrane.
• Užfiksuoti pasirinktą sritį: Leidžia jums spustelėti ir vilkti, kad apibrėžtumėte tiksliai norimą regioną.

Kai paspausite Užfiksuoti visą puslapį, plėtinys perims kontrolę, automatiškai apdorodamas visą puslapį. Po akimirkos atsidarys naujas skirtukas su jūsų paruoštu ekrano kopija, visiškai paruošta redaguoti. Galite naudoti integruotus įrankius, kad pridėtumėte pastabas arba apkarpytumėte ją prieš išsaugodami ją savo kompiuteryje kaip PNG, JPG arba PDF. Šis sklandus procesas yra būtent tai, kodėl plėtiniai yra nepakeičiama mano įrankių dalis.

Scrolling Screenshots mobiliajame telefone

Pripažinkime, mes gyvename savo telefonuose. Turinio užfiksavimas kelyje nėra tik malonumas; tai būtinybė. Žinoti, kaip padaryti slenkamą ekrano kopiją savo telefone, yra šiuolaikinė supergalia, puikiai tinkanti viskam, pradedant ilgais tekstiniais pokalbiais ir baigiant išsamiais internetiniais receptais.

Laimei, jums nebereikia trečiosios šalies programos tam. Procesas šiek tiek skiriasi tarp iOS ir Android, tačiau abi turi keletą stebėtinai galingų integruotų įrankių, kurie atliks darbą.

Visų Puslapių Užfiksavimas iPhone

„Apple“ turi puikią viso puslapio ekrano nuotraukos funkciją, integruotą į iOS, tačiau ji tikrai išryškėja, kai naudojate „Safari“. Tai šiek tiek paslėptas brangakmenis, jei nežinote, kur ieškoti.

Pirmiausia tiesiog padarykite ekrano nuotrauką taip, kaip visada:

• iPhone su Face ID: Paspauskite Šoną ir Garsumo padidinimo mygtukus tuo pačiu metu.
• iPhone su pradžios mygtuku: Paspauskite Šoną ir Pradžios mygtukus kartu.

Mažas miniatiūrinis peržiūros langas pasirodys kairiajame apatinio kampo. Turite būti greiti ir paspausti jį prieš jam dingstant. Kai pateksite į redaktorių, pažvelkite į ekrano viršų. Pamatysite dvi skirtukus: Ekranas ir Visas puslapis.

Paspauskite Visas puslapis. Dešinėje pusėje pasirodys slankiklis, leidžiantis peržiūrėti visą neseniai užfiksuotą tinklalapį.

Štai ir užuomina: įprasta iOS funkcija išsaugo šiuos viso puslapio užfiksavimus kaip PDF, o ne kaip standartinį vaizdo failą, pavyzdžiui, PNG arba JPG. Tai puiku, jei norite išsaugoti straipsnius ar dokumentus, tačiau tai verta atsiminti, jei tikėjotės gauti vaizdą.

Slankiojančios Ekrano Nuotraukos Darymas Android

„Android“ ekosistema yra šiek tiek laukinė, su visais skirtingais gamintojais, tačiau pagrindinė funkcija yra gana nuosekli daugelyje šiuolaikinių telefonų iš „Google“, „Samsung“ ir „OnePlus“. Paprastai tai vadinama Slankiojančiu užfiksavimu arba Slankiojančia ekrano nuotrauka.

Pradėkite nuo įprastos ekrano nuotraukos, kuri beveik visada daroma paspaudus Maitinimo ir Garsumo sumažinimo mygtukus tuo pačiu metu.

Kai tai padarysite, ekrano apačioje pasirodys mažas įrankių juostos langas. Stebėkite piktogramą su žemyn nukreiptais rodyklėmis – ji gali būti pažymėta kaip "Užfiksuoti daugiau" arba tiesiog rodyti slinkimo simbolį. Paspauskite ją. Jūsų telefonas automatiškai nuslinks žemyn ir sujungtų kitą sekciją su jūsų ekrano nuotrauka.

Galite toliau paspaudinėti tą mygtuką, kad užfiksuotumėte daugiau puslapio. Kai turėsite viską, ko reikia, tiesiog paspauskite ekrano nuotraukos peržiūros langą arba palaukite, kol įrankių juosta dings. Skirtingai nuo iPhone, „Android“ telefonai paprastai išsaugo šiuos ilgus užfiksavimus kaip vieną, aukštą vaizdo failą (pavyzdžiui, PNG), kuris yra daug lengviau dalintis pokalbiuose ar socialiniuose tinkluose.

Kodėl Kartais Tai Nepavyksta

Ar kada nors bandėte padaryti slankiojančią ekrano nuotrauką, ir pasirinkimo tiesiog... nėra? Tai nutinka. Paprastai tai yra dėl to, kad programa, kurioje esate, turi keistą, nestandartinį išdėstymą arba savitą slinkimo būdą. Jei operacinė sistema negali aptikti paprasto, slenkamo lango, ji nesiūlys šios funkcijos.

Kai susiduriate su šiuo iššūkiu, vienintelis tikras sprendimas yra grįžti prie senosios mokyklos: padaryti seriją persidengiančių ekrano nuotraukų rankiniu būdu ir vėliau jas sujungti, jei reikia.

Kaip Išspręsti Dažniausiai Pasitaikančias Ekrano Nuotraukų Problemas

Jūs padarėte ekrano nuotrauką, tačiau kai atidarote failą, kažkas negerai. Galbūt dalis puslapio trūksta, yra keistų vizualinių klaidų, arba failas tiesiog per didelis, kad būtų galima išsiųsti el. paštu. Aš ten buvau. Gauti užfiksavimą yra viena, gauti jį teisingai – kita.

Pereikime prie kai kurių dažniausiai pasitaikančių problemų ir kaip jas išspręsti.

Tinkamo Failo Formato Pasirinkimas: PNG vs. JPG

Pirmiausia kalbėkime apie failų formatus. Pasirinkimas tarp PNG ir JPG (arba JPEG) nėra tik techninė detalė – tai tiesiogiai veikia jūsų galutinio vaizdo kokybę ir dydį.

• PNG (Nešiojamosios Tinklo Grafikos): Galvokite apie tai kaip apie savo aukštos kokybės variantą. PNG naudoja be nuostolių kompresiją, tai reiškia, kad jis išlaiko kiekvieną pikselį puikiai nepažeistą. Tai geriausias pasirinkimas svetainių, vartotojo sąsajų ar bet ko su ryškiu tekstu ir švariomis linijomis ekrano nuotraukoms. Čia nesusidursite su jokiu neryškumu.
• JPG (Bendroji Fotografijos Ekspertų Grupė): Tai jūsų pasirinkimas, kai failo dydis yra svarbiausias prioritetas. JPG naudoja nuostolių kompresiją, kuri protingai atmeta kai kuriuos vaizdo duomenis, kad sumažintų failą. Tai puiku fotografijoms, tačiau gali padaryti tekstą ir ryškias kraštines ekrano nuotraukoje šiek tiek neryškias.

Kartais jūs užfiksuojate puikų PNG, bet vėliau suprantate, kad jums reikia mažesnio failo pristatymui ar tinklaraščio įrašui. Nėra problemų. Galite lengvai konvertuoti iš PNG į JPG, kad sumažintumėte failo dydį, nereikėdami pakartotinai daryti nuotraukos.

Kaip Išspręsti Iškirptus ar Nepilnus Užfiksavimus

Tai viena iš labiausiai erzinančių dalykų: jūs padarote viso puslapio ekrano nuotrauką, tik kad apatinė pusė būtų tiesiog tuščia balta erdvė.

Tai beveik visada priklauso nuo to, kaip šiuolaikinės svetainės yra sukurtos. Daugelis naudoja techniką, vadinamą tingiu įkėlimu, kur vaizdai ir kitas turinys iš tikrųjų neįkeliami, kol jūs jų neslinksite į matomą vietą. Tai puiku našumui, tačiau tai gali suklaidinti ekrano nuotraukų įrankius, kurie juda greičiau nei turinys pasirodo.

Sprendimas yra stebėtinai paprastas. Prieš paspausdami tą užfiksavimo mygtuką, tiesiog nuslinkite visą kelią žemyn iki puslapio apačios patys. Nesijaudinkite. Tai priverčia kiekvieną tingiai įkeltą elementą pasirodyti, suteikdama jūsų įrankiui pilną, visiškai atvaizduotą puslapį, su kuriuo dirbti.

Šis mažas išankstinis slinkimo triukas taip pat yra paslaptis, kaip užfiksuoti puslapius su begaline slinkimo, užtikrinant, kad gautumėte viską, ko reikia.

Kaip Susidoroti su Klijais Antraštėmis ir Porašais

Žinote tuos navigacijos juostas, kurios prilimpa prie viršaus ar apačios ekrano, kai slenkate?

Jie vadinami "lipniais" elementais, ir jie gali sukelti chaosą ekrano nuotraukų įrankiams, kurie veikia slinkdami ir "siūdami" vaizdus kartu.

Jei kada nors matėte galutinę ekrano nuotrauką su tuo pačiu antrašte, kartojama vėl ir vėl žemyn puslapyje, tai yra priežastis. Įrankis susipainioja ir užfiksuoja ją kiekviename segmente.

Štai kur jūsų pasirinkto įrankio pasirinkimas iš tiesų yra svarbus.

• Naršyklės DevTools: Įmontuoti įrankiai „Chrome“ ar „Edge“ paprastai yra pakankamai protingi, kad su tuo susidorotų. Jie vienu metu atvaizduoja visą puslapį, todėl mato lipnią antraštę kaip vieną elementą tinkamoje vietoje.
• Pažangios plėtiniai: Geriausi ekrano nuotraukų plėtiniai yra specialiai programuoti, kad atpažintų lipnius elementus ir tinkamai su jais elgtųsi, arba užfiksuodami juos tik vieną kartą, arba visiškai juos pašalindami, kad gautumėte švarų kadrą.

Jei jūsų dabartinis įrankis nuolat rodo pakartotines antraštes, perėjimas prie pažangesnio metodo, pvz., DevTools arba specialiai sukurtos plėtinio, yra geriausias pasirinkimas.

Štai greitas nuorodų lentelė, kurią sudariau remdamasis metų patirtimi sprendžiant šias problemas. Ji apima dažniausiai pasitaikančias problemas, su kuriomis žmonės susiduria, ir greičiausią būdą jas išspręsti.

Dažnos ekrano nuotraukų problemos ir sprendimai

Problema	Tikėtina priežastis	Rekomenduojamas sprendimas
Trūkstamas turinys / tuščios vietos	Vėlyvas įkrovimas arba begalinis slinkimas neįkrovė visų elementų prieš užfiksuojant.	Rankiniu būdu slinkite iki puslapio apačios prieš pradedant ekrano nuotrauką, kad priverstumėte įkelti visą turinį.
Pakartotinės antraštės / poraštės	Lipnūs elementai puslapyje painioja ekrano nuotraukų įrankius, kurie "siūlo" vaizdus kartu.	Naudokite pažangesnį užfiksavimo metodą, pvz., naršyklės įmontuotus DevTools arba specializuotą plėtinį, kuris gali tvarkyti lipnius elementus.
Neryškus tekstas arba neaiškūs detalės	Ekrano nuotrauka buvo išsaugota kaip JPG su dideliu suspaudimu, kuris sumažina kokybę.	Išsaugokite ekrano nuotrauką kaip PNG maksimaliam aiškumui. Jei failo dydis yra kritiškai svarbus, naudokite JPG, bet su aukštesniu kokybės nustatymu.
Labai didelis failo dydis	Ilgas puslapis buvo išsaugotas kaip nesuspaustas PNG, todėl gautas didžiulis failas.	Išsaugokite kaip JPG arba naudokite internetinį įrankį, kad suspaustumėte PNG. Taip pat galite konvertuoti PNG į JPG mažesniam failui.
Užfiksavimas nepavyksta sudėtinguose puslapiuose	Puslapis turi sudėtingų interaktyvių elementų, animacijų ar scenarijų, kurie trikdo įrankį.	Pabandykite laikinai išjungti JavaScript per DevTools arba naudokite kitą ekrano nuotraukų plėtinį, kuris gali būti suderinamesnis.

Tikiuosi, ši lentelė suteiks jums aiškų kelią, kurį galite sekti kitą kartą, kai jūsų ekrano nuotrauka nebus visiškai teisinga. Šiek tiek trikčių šalinimo žinių gali sutaupyti daug laiko ir frustracijos.

Turite klausimų? Mes turime atsakymus

Net ir turint geriausius įrankius po ranka, jūs tikrai susidursite su keletu sudėtingų situacijų, kai užfiksuojate viso puslapio ekrano nuotraukas. Pažvelkime į keletą dažniausiai užduodamų klausimų, kuriuos girdžiu, kad galėtumėte gauti tobulą užfiksavimą kiekvieną kartą.

Koks geriausias formatas mano ekrano nuotraukai išsaugoti?

Devynis kartus iš dešimties, PNG yra geriausias pasirinkimas. Jis naudoja tai, kas vadinama beprarandamu suspaudimu, tai yra tik madingas būdas pasakyti, kad jūsų vaizdas nepraras jokios kokybės. Kiekviena teksto eilutė bus aštri kaip peilis, o kiekvienas dizaino elementas atrodys tiksliai taip, kaip jis atrodo ekrane. Tai yra neatsiejama dizaino maketams, klaidų ataskaitoms ar bet kokiam profesionaliam darbui, kur detalės yra svarbiausios.

Taigi, kada naudotumėte ką nors kitą? JPG iš tikrųjų yra tik tada, kai failo dydis yra jūsų absoliučiai didžiausias rūpestis, ir jums priimtina šiek tiek neryškumo. Archyvuojant straipsnius ar grupuojant kelias užfiksuotas nuotraukas, PDF yra puikus pasirinkimas, ypač kai įrankis, kurį naudojate, išlaiko tekstą pasirinktinį.

Ar galiu iš tikrųjų užfiksuoti puslapį, kuris reikalauja prisijungimo?

Jūs tikrai galite. Kiekvienas metodas, apie kurį kalbėjome - nuo DevTools iki naršyklės plėtinių - veikia užfiksuodamas tai, kas šiuo metu yra jūsų ekrane. Procesas vyksta visiškai jūsų kompiuteryje.

Kadangi jau esate prisijungę, jūsų naršyklė atvaizdavo puslapį su visais autentifikuotais turiniais. Ekrano nuotraukų įrankis tiesiog daro nuotrauką to, kas jau yra. Jis nesąveikauja su serveriu, todėl nėra jokios saugumo rizikos.

Svarbiausia, ką reikia prisiminti, yra tai: jei galite tai matyti savo naršyklėje, ekrano nuotraukų įrankis gali tai užfiksuoti. Tai daro šiuos įrankius visiškai saugius dokumentuojant tokius dalykus kaip privatūs paskyros valdymo skydeliai ar vidiniai įmonių portalai.

Kodėl mano ekrano nuotraukos atrodo sugedusios arba trūksta vaizdų?

Tai greičiausiai yra dažniausia galvos skausmas, ir beveik visada ją sukelia, kaip modernios svetainės yra sukurtos. Keletas specifinių technikų yra žinomos dėl to, kad trikdo ekrano nuotraukų įrankius:

• Vėlyvas įkrovimas: Tai yra tada, kai vaizdai iš tikrųjų neįkeliami, kol neslinksite jų į vaizdą.
  • Puiku puslapio greičiui, bet blogai ekrano nuotraukoms.
  • Paralaksinis slinkimas: Tie šaunūs efektai, kai fonas juda skirtingu greičiu nei priekinis planas, gali suklaidinti užfiksavimo įrankius.
  • Klijuojami elementai: Galvokite apie antraštes, poraštes ar šonines juostas, kurios lieka vietoje, kai slenkate. Kartais jie gali būti dubliuojami arba uždengti turinį galutinėje nuotraukoje.

  Sprendimas yra stebėtinai paprastas. Prieš užfiksuodami ekrano nuotrauką, skirkite akimirką, kad rankiniu būdu slinktumėte iki puslapio apačios, o tada atgal į viršų. Tai priverčia naršyklę įkelti viską, suteikdama įrankiui pilną, visiškai atvaizduotą puslapį, su kuriuo galima dirbti. Tai mažas žingsnis, kuris daugeliu atvejų išsprendžia problemą.

  ---

  Jei ieškote įrankio, kuris tvarko šias sudėtingas puslapius be papildomo darbo, ShiftShift Extensions rinkinys yra vertas dėmesio. Jo vieno paspaudimo Pilno puslapio ekrano nuotraukų įrankis sukurtas taip, kad elegantiškai spręstų šiuolaikinio žiniatinklio dizaino ypatybes, visa tai iš vienos, suvienytos komandų paletės. Tai rimtas atnaujinimas palyginus su įprastomis įmontuotomis galimybėmis. Galite ištirti ShiftShift ekosistemą, kad pamatytumėte, kaip ji gali supaprastinti jūsų darbo eigą.

  Straipsnis sukurtas naudojant Outrank