چگونه اسکرین‌شات کامل صفحه بگیریم: چگونه می‌توان اسکرین‌شات کامل صفحه را در هر دستگاهی گرفت

زمانی که نیاز به ضبط یک صفحه وب دارید، معمولاً به دنبال کل داستان هستید، نه فقط بخشی که روی صفحه نمایش شما جا می‌شود. گرفتن یک اسکرین‌شات از کل صفحه به معنای ضبط همه چیز از بنر بالایی تا فوتر پایینی در یک شات تمیز است. خبر خوب؟ شما می‌توانید از روند خسته‌کننده گرفتن چندین شات و دوختن آن‌ها به هم صرف‌نظر کنید. دو گزینه برتر شما یک افزونه ساده مرورگر برای ضبط با یک کلیک یا ابزارهای توسعه‌دهنده خود مرورگر برای یک راه‌حل بومی است.

چرا اسکرین‌شات از کل صفحه یک ضرورت مدرن است

آیا تا به حال سعی کرده‌اید یک مقاله طولانی یا یک رسید آنلاین را ذخیره کنید، اما در نهایت با یک معمای گیج‌کننده از تصاویر جزئی مواجه شده‌اید؟ این یک ناامیدی رایج است. شما فقط بخش‌هایی از صفحه را از دست نمی‌دهید؛ بلکه تصویر کامل را از دست می‌دهید. اسکرین‌شات‌های استاندارد نمی‌توانند از عهده وب‌سایت‌های بی‌پایان که به طور مداوم اسکرول می‌شوند، برآیند و قادر به ضبط زمینه کامل نیستند.

به همین دلیل است که دانستن چگونگی گرفتن اسکرین‌شات از کل صفحه به یک مهارت حیاتی تبدیل شده است. این فقط یک ترفند جالب نیست؛ بلکه یک ابزار عملی برای طراحان، بازاریابان و واقعاً هر کسی است که نیاز به مستند کردن محتوای وب به‌طور دقیق دارد.

فراتر از پنجره قابل مشاهده

یک اسکرین‌شات معمولی فقط آنچه را که در لحظه می‌بینید ضبط می‌کند. از سوی دیگر، یک ضبط از کل صفحه، طول کامل صفحه را در یک تصویر پیوسته و با کیفیت بالا ذخیره می‌کند. این یک تغییر دهنده بازی برای مجموعه‌ای از وظایف روزمره است:

• بررسی‌های طراحی و UX: تصور کنید که بخواهید جریان کاربری یک صفحه محصول را با فقط چند تصویر جداگانه نقد کنید. ضبط کل سفر به تیم شما زمینه کامل را می‌دهد.
• آرشیو محتوا: آیا مقاله طولانی فوق‌العاده‌ای پیدا کرده‌اید که می‌خواهید به صورت آفلاین بخوانید؟ یک ضبط از کل صفحه همه چیز را برای بعد ذخیره می‌کند.
• نگهداری سوابق: عالی برای مستند کردن تاریخچه کامل تراکنش یا یک رشته ایمیل طولانی برای سوابق شما بدون از دست دادن حتی یک جزئیات.
• گزارش‌گیری اشکال: زمانی که یک اشکال بصری را مشاهده می‌کنید، نشان دادن کل صفحه به توسعه‌دهندگان به آن‌ها کمک می‌کند تا مشکل را خیلی سریع‌تر شناسایی کنند.

این درخت تصمیم می‌تواند به شما کمک کند به سرعت بهترین روش را بر اساس نیازهایتان و میزان راحتی‌تان با ابزارهای مختلف پیدا کنید.

همانطور که نمودار جریان نشان می‌دهد، اگر سرعت و سادگی اولویت‌های اصلی شما هستند، احتمالاً یک افزونه بهترین گزینه شماست. اگر با چند کلیک بیشتر مشکلی ندارید و یک راه‌حل داخلی را ترجیح می‌دهید، ابزارهای مرورگر انتخاب خوبی هستند.

نیاز به این تکنیک واقعاً با افزایش طراحی پاسخگو به اوج خود رسید. با طولانی‌تر و پویا‌تر شدن صفحات وب، تیم‌های QA متوجه شدند که ضبط کل صفحه رندر شده برای تست حیاتی است. در واقع، تا 2015، بسیاری گزارش دادند که این روش اشکالات بصری را به میزان 30–40% در مقایسه با اسکرین‌شات‌های تک‌پنجره‌ای کاهش داده است. چرا؟ زیرا این روش عناصر مشکل‌ساز خارج از صفحه و محتوای بارگذاری تنبل را که در غیر این صورت نادیده گرفته می‌شد، ضبط می‌کند. می‌توانید به طور عمیق‌تری به این یافته‌های تست وب در Research and Markets بپردازید.

راهنمای سریع روش‌های اسکرین‌شات از کل صفحه

برای کمک به شما در تصمیم‌گیری سریع، این جدول رایج‌ترین روش‌ها، موارد استفاده ایده‌آل آن‌ها و آنچه لازم است را تجزیه و تحلیل می‌کند.

روش	بهترین برای	مهارت فنی	نیاز به نصب
ابزارهای توسعه‌دهنده مرورگر	ضبط‌های سریع و یک‌باره بدون نصب هیچ چیزی.	پایه	خیر
افزونه‌های مرورگر	استفاده مکرر، ویژگی‌های اضافی مانند ویرایش و ذخیره‌سازی ابری.	هیچ	بله
ویژگی‌های سیستم‌عامل موبایل	ضبط محتوا در تلفن یا تبلت شما.	هیچ	خیر
برنامه‌های شخص ثالث	ویژگی‌های پیشرفته، اتوماسیون و همکاری تیمی.	متفاوت	بله

هر یک از این رویکردها جایگاه خاص خود را دارد. انتخاب مناسب برای شما واقعاً بستگی به این دارد که چقدر اغلب می‌خواهید ضبط کنید و چه برنامه‌ای برای استفاده از آن‌ها دارید.

استفاده از ابزارهای داخلی مرورگر برای ضبط‌های تمیز

گاهی اوقات، بهترین ابزار برای کار همان چیزی است که قبلاً دارید. قبل از اینکه به دنبال یک افزونه دیگر باشید، ارزش دارد بدانید که مرورگرهایی مانند Google Chrome و Microsoft Edge یک ویژگی قدرتمند و داخلی برای گرفتن اسکرین‌شات از کل صفحه دارند. این ابزار مورد علاقه توسعه‌دهندگان و دیگر افراد فنی است زیرا دقیق و کاملاً بدون شلوغی است.

این ابزار بومی در پنل ابزارهای توسعه‌دهنده پنهان شده است. این ممکن است کمی ترسناک به نظر برسد، اما روند آن به طرز شگفت‌انگیزی ساده است. هیچ دانلودی، هیچ ثبت‌نامی و هیچ آیکون اضافی که نوار ابزار شما را شلوغ کند وجود ندارد. شما فقط یک ضبط با دقت پیکسل از کل صفحه، دقیقاً همانطور که خود مرورگر آن را می‌بیند، دریافت می‌کنید.

دسترسی به فرمان اسکرین‌شات

اولین چیز اول، شما باید ابزارهای توسعه‌دهنده را در صفحه‌ای که می‌خواهید ضبط کنید باز کنید. چند راه سریع برای انجام این کار وجود دارد:

• میانبر کیبورد: سریع‌ترین راه فشار دادن Cmd+Option+I در مک یا Ctrl+Shift+I در ویندوز است.
• منوی کلیک راست: همچنین می‌توانید فقط در هر نقطه از صفحه راست کلیک کرده و گزینه "Inspect" را از منویی که باز می‌شود انتخاب کنید.

با باز بودن پنل DevTools، مرحله بعدی اجرای یک فرمان است. نگران نباشید، شما هیچ کدی نخواهید نوشت. فقط با فشار دادن Cmd+Shift+P (مک) یا Ctrl+Shift+P (ویندوز) منوی فرمان را باز کنید.

یک نوار جستجو در بالای صفحه شما ظاهر خواهد شد. به سادگی شروع به تایپ کردن "اسکرین‌شات" کنید و بلافاصله لیستی از گزینه‌ها را خواهید دید.

نکته حرفه‌ای: شما چند گزینه خواهید دید، اما برای یک ضبط کامل، گزینه‌های "منطقه" یا "گره" را نادیده بگیرید. گزینه‌ای که به دنبالش هستید Capture full size screenshot است. این فرمان به مرورگر می‌گوید که کل صفحه را به یک تصویر یکپارچه تبدیل کند.

آن گزینه را انتخاب کنید، Enter را فشار دهید و تمام. مرورگر لحظه‌ای برای پردازش کل صفحه وقت می‌گیرد و سپس به طور خودکار اسکرین‌شات را دانلود می‌کند، معمولاً به عنوان یک فایل PNG، درست به پوشه دانلودهای شما. این یک روش بسیار تمیز و مستقیم است.

البته، در حالی که این گزینه داخلی برای یک ضبط سریع و بدون دردسر فوق‌العاده است، محدودیت‌هایی نیز دارد. اگر نیاز به ویژگی‌های بیشتری مانند ویرایش فوری، یادداشت‌گذاری یا ذخیره‌سازی ابری دارید، ابزاری اختصاصی مانند افزونه ShiftShift Full Page Screenshot می‌تواند واقعاً روند کار شما را تسریع کند.

ضبط نمای خاص موبایل

در اینجا است که روش DevTools واقعاً درخشان می‌شود: ضبط دقیقاً اینکه یک وب‌سایت چگونه در یک دستگاه موبایل خاص به نظر می‌رسد. این یک تغییر دهنده بازی برای طراحان وب، توسعه‌دهندگان و تست‌کنندگان QA است که نیاز به مستندسازی طراحی‌های پاسخگو بدون حدس زدن دارند.

قبل از اینکه فرمان اسکرین‌شات را اجرا کنید، فقط باید به حالت دستگاه سوئیچ کنید.

با باز بودن پنل DevTools خود، به دنبال یک آیکون کوچک بگردید که شبیه به یک تلفن و یک تبلت است (Toggle device toolbar) و روی آن کلیک کنید. وب‌سایت شما بلافاصله به نمایی به اندازه موبایل کوچک می‌شود.

از آنجا، می‌توانید از منوی کشویی در بالای نمای دیدگاه برای انتخاب یک دستگاه خاص، مانند "iPhone 14 Pro" یا "Pixel 7." استفاده کنید.

پس از اینکه نمای مورد نظر خود را دارید، فقط فرمان Capture full size screenshot را دقیقاً همانطور که قبلاً انجام دادید اجرا کنید.

نتیجه یک تصویر کامل و دقیق از سایت شما است که در صفحه نمایش آن دستگاه خاص ظاهر می‌شود. این یک روش بسیار دقیق برای ایجاد عکس‌های فوری برای گزارش‌های اشکال، ماکت‌های طراحی یا ارائه‌های مشتری است، همه بدون نیاز به داشتن دستگاه فیزیکی در دست شما.

ابزارهای داخلی مرورگر در مواقع ضروری مفید هستند، اما بیایید صادق باشیم—آنها برای یک روند کاری سنگین طراحی نشده‌اند. زمانی که نیاز به ضبط اسکرین‌شات‌های تمام صفحه به طور منظم دارید، هیچ چیزی به سرعت و راحتی یک افزونه خوب نمی‌رسد. این ابزارها درست در نوار ابزار مرورگر شما قرار می‌گیرند و یک فرآیند چند مرحله‌ای و دست و پاگیر را به یک کلیک رضایت‌بخش تبدیل می‌کنند.

به سناریوهای دنیای واقعی فکر کنید. شما ممکن است یک طراح باشید که وب‌سایت‌های رقبای خود را برای یک بورد احساسی بایگانی می‌کند، یک بازاریاب که مقالات طولانی را برای تحقیق ذخیره می‌کند، یا یک نماینده پشتیبانی که سعی می‌کند یک مشکل کاربری دشوار را از ابتدا تا انتها مستند کند. در این موارد، دست و پا زدن با ابزارهای توسعه‌دهنده کافی نخواهد بود. سرعت چیزی است که شما نیاز دارید و افزونه‌ها این را فراهم می‌کنند.

مجموعه افزونه‌های ShiftShift نمونه‌ای عالی از این نوع کارایی است. ابزار اسکرین‌شات تمام صفحه آن در یک پالت فرمان یکپارچه قرار دارد، بنابراین همیشه آماده است زمانی که به آن نیاز دارید اما هرگز صفحه شما را شلوغ نمی‌کند. این یک تنظیم ایده‌آل برای حرفه‌ای‌هایی است که به ابزارهای قدرتمند نیاز دارند بدون اینکه فضای کاری تمیز و متمرکز خود را قربانی کنند. اگر به دنبال ساده‌سازی کار خود هستید، می‌توانید بیشتر از ابزارهای افزونه مرورگر قدرتمند ما را بررسی کنید.

انتخاب افزونه مناسب برای نیازهای شما

یک جستجوی سریع در فروشگاه وب Chrome ده‌ها ابزار اسکرین‌شات را نشان می‌دهد. پس، چگونه می‌توانید خوب‌ها را از عالی‌ها جدا کنید؟ در واقع، این به چند عامل کلیدی بستگی دارد.

• عملکرد و سرعت: واقعاً چقدر سریع صفحه را ضبط می‌کند؟ برخی از افزونه‌ها در صفحات طولانی و پیچیده کند عمل می‌کنند در حالی که دیگران تقریباً بلافاصله هستند.
• ویژگی‌های ویرایش: آیا یک ویرایشگر داخلی دارد؟ بهترین ابزارها به شما اجازه می‌دهند برش بزنید، متن اضافه کنید، فلش بکشید، یا حتی اطلاعات حساس را بلافاصله پس از گرفتن عکس محو کنید.
• گزینه‌های صادرات: آیا می‌توانید آن را به عنوان یک PNG یا JPG ذخیره کنید؟ حتی بهتر، آیا می‌توانید آن را به عنوان یک PDF قابل جستجو صادر کنید؟ انعطاف‌پذیری کلیدی است.
• سیاست حریم خصوصی: این یکی بسیار مهم است. افزونه به طور فنی می‌تواند صفحه‌ای را که در آن هستید "ببیند"، بنابراین یک سیاست حریم خصوصی شفاف و اولویت‌دار غیرقابل مذاکره است. ابزارهایی که تمام پردازش را به طور محلی روی دستگاه شما انجام می‌دهند همیشه انتخاب ایمن‌تری هستند.

یافتن ابزار مناسب معمولاً به سلیقه شخصی و نیازهای خاص شما بستگی دارد، اما نظرات و امتیازات کاربران می‌تواند اطلاعات زیادی به شما بدهد.

همچنین ارزش دارد که کمی درباره آنچه در زیر کاپوت اتفاق می‌افتد بدانید. بسیاری از افزونه‌ها از تکنیک "اسکرول و دوخت" استفاده می‌کنند. آنها به صورت برنامه‌نویسی به پایین اسکرول می‌کنند، از هر بخش عکس می‌گیرند و سپس آنها را کنار هم قرار می‌دهند. دیگران از موتور رندرینگ بومی مرورگر برای تولید یک تصویر واحد و بی‌نقص از ابتدا استفاده می‌کنند.

تفاوت عملکرد بسیار واضح است. گزارش‌های بنچمارک نشان می‌دهد که روش‌های رندرینگ بومی معمولاً بسیار سریع‌تر هستند و به طور متوسط فقط 0.8–1.6 ثانیه طول می‌کشند. در مقابل، روش اسکرول و دوخت می‌تواند 1.8–3.5 ثانیه طول بکشد و احتمال بیشتری دارد که در صفحات با طرح‌های دشوار شکست بخورد.

شما واقعاً این را در صفحاتی با هدرهای چسبنده یا انیمیشن‌ها متوجه خواهید شد. روش اسکرول و دوخت می‌تواند به راحتی گیج شود و شما را با اشکالات بصری عجیب یا عناصر تکراری در اسکرین‌شات نهایی خود رها کند.

یک راهنمای عملی با یک افزونه

شروع کار با یک افزونه فوق‌العاده ساده است.

پس از اینکه یکی از افزونه‌های مورد علاقه‌تان را از فروشگاه وب مرورگرتان نصب کردید، معمولاً آیکون آن در کنار نوار آدرس شما ظاهر می‌شود.

از آنجا، فرآیند بسیار ساده است. فقط به صفحه‌ای که می‌خواهید آن را ضبط کنید بروید و روی آیکون افزونه کلیک کنید. بیشتر ابزارهای باکیفیت به‌طور فوری چند گزینه به شما ارائه می‌دهند:

• ضبط کل صفحه: رویداد اصلی. این گزینه یک‌کلیک است که همه چیز را ضبط می‌کند.
• ضبط ناحیه قابل مشاهده: یک عکس سریع از آنچه که در حال حاضر روی صفحه‌تان است.
• ضبط ناحیه انتخاب شده: به شما اجازه می‌دهد که کلیک کنید و بکشید تا ناحیه دقیق مورد نظر خود را تعریف کنید.

پس از اینکه روی ضبط کل صفحه کلیک کردید، افزونه کنترل را به دست می‌گیرد و به‌طور خودکار کل صفحه را پردازش می‌کند. در یک لحظه، یک تب جدید با اسکرین‌شات نهایی شما باز خواهد شد که آماده ویرایش است. می‌توانید از ابزارهای داخلی برای افزودن یادداشت‌ها یا برش آن قبل از ذخیره‌سازی به عنوان PNG، JPG یا PDF استفاده کنید. این جریان بی‌نقص دقیقاً به همین دلیل است که افزونه‌ها بخشی ضروری از ابزارهای من هستند.

تسلط بر اسکرین‌شات‌های پیمایشی در موبایل

بیایید واقع‌بین باشیم، ما در گوشی‌های خود زندگی می‌کنیم. ضبط محتوا در حال حرکت فقط یک مزیت نیست؛ بلکه ضروری است. دانستن نحوه گرفتن اسکرین‌شات پیمایشی در گوشی شما یک قدرت فوق‌العاده مدرن است که برای ذخیره‌سازی همه چیز از رشته‌های متنی طولانی تا دستورهای آنلاین دقیق مناسب است.

خوشبختانه، دیگر نیازی به یک اپلیکیشن شخص ثالث برای این کار ندارید. فرآیند کمی بین iOS و Android متفاوت است، اما هر دو دارای ابزارهای داخلی با قدرت شگفت‌انگیزی هستند که کار را انجام می‌دهند.

گرفتن اسکرین‌شات کامل از صفحات در آیفون

اپل یک ویژگی اسکرین‌شات کامل صفحه را به طور یکپارچه در iOS قرار داده است، اما این ویژگی واقعاً در هنگام استفاده از سافاری درخشش خاصی دارد. اگر ندانید کجا باید به دنبال آن بگردید، این ویژگی کمی پنهان است.

ابتدا، اسکرین‌شات را به روشی که همیشه انجام می‌دهید بگیرید:

• برای آیفون‌های با Face ID: دکمه کناری و دکمه افزایش صدا را همزمان فشار دهید.
• برای آیفون‌های با دکمه Home: دکمه کناری و دکمه Home را با هم فشار دهید.

یک پیش‌نمایش کوچک در گوشه پایین سمت چپ ظاهر خواهد شد. باید سریع باشید و قبل از ناپدید شدن آن، رویش ضربه بزنید. وقتی وارد ویرایشگر شدید، به بالای صفحه نگاه کنید. دو زبانه را خواهید دید: صفحه و صفحه کامل.

روی صفحه کامل ضربه بزنید. یک نوار لغزنده در سمت راست ظاهر خواهد شد که به شما اجازه می‌دهد کل وب‌سایتی را که تازه ضبط کرده‌اید پیش‌نمایش کنید.

اینجا یک نکته وجود دارد: این ویژگی داخلی iOS این اسکرین‌شات‌های کامل صفحه را به عنوان یک PDF ذخیره می‌کند، نه به عنوان یک فایل تصویری استاندارد مانند PNG یا JPG. این برای ذخیره مقالات یا اسناد عالی است، اما اگر امیدوار بودید که یک تصویر داشته باشید، باید به این نکته توجه کنید.

گرفتن اسکرین‌شات پیمایشی در اندروید

اکوسیستم اندروید کمی شبیه به غرب وحشی است با تمام تولیدکنندگان مختلف، اما عملکرد اصلی تقریباً در بیشتر گوشی‌های مدرن از گوگل، سامسونگ و وان‌پلاس یکسان است. معمولاً این ویژگی را گرفتن پیمایشی یا اسکرین‌شات پیمایشی می‌نامند.

با گرفتن یک اسکرین‌شات عادی شروع کنید، که تقریباً همیشه با فشار دادن همزمان دکمه‌های قدرت و کاهش صدا انجام می‌شود.

به محض اینکه این کار را انجام دهید، یک نوار ابزار کوچک در پایین صفحه شما ظاهر می‌شود. به دنبال یک آیکون با فلش‌های رو به پایین باشید—این ممکن است با برچسب "گرفتن بیشتر" یا فقط نماد پیمایش نمایش داده شود. روی آن ضربه بزنید. گوشی شما به طور خودکار به پایین پیمایش می‌کند و بخش بعدی را به اسکرین‌شات شما می‌چسباند.

می‌توانید به ضربه زدن به آن دکمه ادامه دهید تا بخش‌های بیشتری از صفحه را ضبط کنید. وقتی همه چیز را که نیاز دارید گرفتید، فقط روی پیش‌نمایش اسکرین‌شات خود ضربه بزنید یا منتظر بمانید تا نوار ابزار ناپدید شود. برخلاف آیفون‌ها، گوشی‌های اندروید معمولاً این ضبط‌های طولانی را به عنوان یک فایل تصویری بلند و واحد (مانند PNG) ذخیره می‌کنند که به مراتب برای اشتراک‌گذاری در چت‌ها یا شبکه‌های اجتماعی آسان‌تر است.

چرا گاهی اوقات این ویژگی کار نمی‌کند

آیا تا به حال سعی کرده‌اید یک اسکرین‌شات پیمایشی بگیرید و گزینه آن فقط... وجود ندارد؟ این اتفاق می‌افتد. این معمولاً به این دلیل است که برنامه‌ای که در آن هستید دارای یک طرح غیر استاندارد یا یک روش سفارشی برای پیمایش است. اگر سیستم‌عامل نتواند یک پنجره ساده و قابل پیمایش را تشخیص دهد، این ویژگی را ارائه نخواهد داد.

وقتی به این دیوار برخورد کردید، تنها راه‌حل واقعی این است که به روش قدیمی برگردید: یک سری اسکرین‌شات‌های همپوشان دستی بگیرید و اگر لازم بود بعداً آنها را کنار هم بچسبانید.

چگونه مشکلات رایج اسکرین‌شات را عیب‌یابی کنیم

شما اسکرین‌شات را گرفته‌اید، اما وقتی فایل را باز می‌کنید، چیزی اشتباه است. شاید بخشی از صفحه گم شده باشد، اشکالات بصری عجیبی وجود داشته باشد، یا فایل به قدری بزرگ باشد که نتوانید آن را ایمیل کنید. من هم اینجا بوده‌ام. گرفتن ضبط یک چیز است؛ درست گرفتن آن یک چیز دیگر.

بیایید برخی از رایج‌ترین مشکلات و نحوه رفع آنها را بررسی کنیم.

انتخاب فرمت فایل مناسب: PNG در مقابل JPG

اولین نکته، بیایید درباره فرمت‌های فایل صحبت کنیم. انتخاب بین PNG و JPG (یا JPEG) تنها یک جزئیات فنی نیست—این مستقیماً بر کیفیت و اندازه تصویر نهایی شما تأثیر می‌گذارد.

• PNG (Portable Network Graphics): این را به عنوان گزینه با کیفیت بالا در نظر بگیرید. PNG از فشرده‌سازی بدون افت استفاده می‌کند، به این معنی که هر پیکسل را به طور کامل حفظ می‌کند. این بهترین انتخاب برای اسکرین‌شات‌های وب‌سایت‌ها، رابط‌های کاربری، یا هر چیزی با متن تیز و خطوط تمیز است. در اینجا هیچ تاری وجود نخواهد داشت.
• JPG (Joint Photographic Experts Group): این گزینه شماست زمانی که اندازه فایل اولویت اصلی است. JPG از فشرده‌سازی با افت استفاده می‌کند، که به طور هوشمندانه برخی از داده‌های تصویر را برای کاهش اندازه فایل حذف می‌کند. این برای عکس‌ها عالی است، اما می‌تواند متن و لبه‌های تیز در یک اسکرین‌شات را کمی تار کند.

گاهی اوقات شما یک PNG کامل ضبط می‌کنید اما بعداً متوجه می‌شوید که به یک فایل کوچکتر برای یک ارائه یا پست وبلاگ نیاز دارید. هیچ مشکلی نیست. شما می‌توانید به راحتی از PNG به JPG تبدیل کنید تا اندازه فایل را بدون نیاز به گرفتن دوباره عکس کاهش دهید.

رفع ضبط‌های بریده یا ناقص

این یکی از ناامیدکننده‌ترین چیزهاست: شما یک اسکرین‌شات کامل صفحه می‌گیرید فقط برای اینکه متوجه شوید نیمه پایینی آن فقط یک فضای سفید خالی است.

این تقریباً همیشه به نحوه ساخت وب‌سایت‌های مدرن برمی‌گردد. بسیاری از آنها از تکنیکی به نام بارگذاری تنبل استفاده می‌کنند، جایی که تصاویر و محتوای دیگر تا زمانی که شما آنها را به نمای خود نیاورید، واقعاً بارگذاری نمی‌شوند. این برای عملکرد عالی است، اما می‌تواند ابزارهای اسکرین‌شات را که سریع‌تر از محتوای ظاهر می‌شوند، فریب دهد.

رفع این مشکل به طرز شگفت‌آوری ساده است. قبل از اینکه دکمه ضبط را فشار دهید، فقط به پایین صفحه بروید. وقت بگذارید. این باعث می‌شود که هر عنصر بارگذاری شده تنبل ظاهر شود و به ابزار شما یک صفحه کامل و کاملاً رندر شده بدهد تا با آن کار کند.

این ترفند کوچک پیش‌پیمایش همچنین راز ضبط صفحات با پیمایش بی‌پایان است و اطمینان می‌دهد که همه چیز را که نیاز دارید دریافت می‌کنید.

مدیریت هدرها و فوترهای چسبنده

شما می‌دانید آن نوارهای ناوبری که به بالای یا پایین صفحه شما چسبیده‌اند وقتی که شما پیمایش می‌کنید؟ آنها به نام عناصر "چسبنده" شناخته می‌شوند و می‌توانند بر روی ابزارهای اسکرین‌شات که با پیمایش و "دوختن" تصاویر به هم کار می‌کنند، اختلال ایجاد کنند.

اگر تا به حال اسکرین‌شات نهایی را با همان سرصفحه که بارها و بارها در طول صفحه تکرار شده است، دیده‌اید، این دلیلش است. ابزار دچار سردرگمی می‌شود و آن را در هر بخش ضبط می‌کند.

این‌جاست که انتخاب ابزار شما واقعاً اهمیت پیدا می‌کند.

• ابزارهای توسعه‌دهنده مرورگر: دستورات داخلی در Chrome یا Edge معمولاً به اندازه کافی هوشمند هستند که با این مشکل کنار بیایند. آنها کل صفحه را به طور همزمان رندر می‌کنند، بنابراین سرصفحه چسبنده را به عنوان یک عنصر واحد در جای مناسب خود می‌بینند.
• افزونه‌های پیشرفته: بهترین افزونه‌های اسکرین‌شات به طور خاص برنامه‌ریزی شده‌اند تا عناصر چسبنده را شناسایی کرده و به درستی با آنها برخورد کنند، چه با ضبط آنها فقط یک بار و چه با حذف کامل آنها برای یک تصویر تمیز.

اگر ابزار فعلی شما همچنان سرصفحه‌های تکراری به شما می‌دهد، تغییر به یک روش پیشرفته‌تر مانند ابزارهای توسعه‌دهنده یا یک افزونه مخصوص که می‌تواند عناصر چسبنده را مدیریت کند، بهترین گزینه شماست.

در اینجا یک جدول مرجع سریع که بر اساس سال‌ها تجربه در برخورد با این مشکلات دقیق تهیه کرده‌ام، ارائه می‌شود. این جدول شامل رایج‌ترین مشکلاتی است که مردم با آن مواجه می‌شوند و سریع‌ترین راه برای حل آنها.

مشکلات رایج اسکرین‌شات و راه‌حل‌ها

مشکل	علت احتمالی	راه‌حل پیشنهادی
محتوای گم‌شده/فضاهای خالی	بارگذاری تنبل یا پیمایش بی‌نهایت تمام عناصر را قبل از ضبط بارگذاری نکرده است.	به صورت دستی به انتهای صفحه پیمایش کنید قبل از اینکه اسکرین‌شات را آغاز کنید تا همه محتوا بارگذاری شود.
سرصفحه‌ها/پاورقی‌های تکراری	عناصر چسبنده در صفحه ابزارهای اسکرین‌شات را که تصاویر را "دوخت" می‌کنند، گیج می‌کنند.	از یک روش ضبط پیشرفته‌تر استفاده کنید، مانند ابزارهای داخلی مرورگر یا یک افزونه اختصاصی که می‌تواند عناصر چسبنده را مدیریت کند.
متن مبهم یا جزئیات نامشخص	اسکرین‌شات به عنوان JPG با فشرده‌سازی بالا ذخیره شده است که کیفیت را کاهش می‌دهد.	اسکرین‌شات را به عنوان PNG برای حداکثر وضوح ذخیره کنید. اگر اندازه فایل مهم است، از JPG استفاده کنید اما با تنظیم کیفیت بالاتر.
حجم فایل بسیار بزرگ	یک صفحه طولانی به عنوان PNG بدون فشرده‌سازی ذخیره شده است که منجر به یک فایل بزرگ شده است.	به عنوان JPG ذخیره کنید یا از یک ابزار آنلاین برای فشرده‌سازی PNG استفاده کنید. همچنین می‌توانید PNG را به JPG تبدیل کنید برای یک فایل کوچکتر.
شکست ضبط در صفحات پیچیده	صفحه دارای عناصر تعاملی پیچیده، انیمیشن‌ها یا اسکریپت‌هایی است که با ابزار تداخل دارند.	سعی کنید به طور موقت JavaScript را از طریق ابزارهای توسعه‌دهنده غیرفعال کنید، یا از یک افزونه اسکرین‌شات متفاوت استفاده کنید که ممکن است سازگاری بیشتری داشته باشد.

امیدوارم این جدول به شما یک مسیر واضح برای دنبال کردن در دفعه بعدی که اسکرین‌شات شما به درستی انجام نمی‌شود، بدهد. کمی دانش در عیب‌یابی می‌تواند زمان و ناامیدی زیادی را صرفه‌جویی کند.

سوال دارید؟ ما پاسخ داریم

حتی با بهترین ابزارها در دستانتان، شما به احتمال زیاد با چند وضعیت دشوار هنگام ضبط اسکرین‌شات‌های صفحه کامل مواجه خواهید شد. بیایید به برخی از رایج‌ترین سوالاتی که می‌شنوم بپردازیم تا بتوانید هر بار یک ضبط کامل داشته باشید.

بهترین فرمت برای ذخیره اسکرین‌شات من چیست؟

نه بار از ده، PNG بهترین گزینه شماست. این فرمت از فشرده‌سازی بدون افت استفاده می‌کند، که فقط یک اصطلاح فانتزی برای این است که تصویر شما هیچ کیفیتی را از دست نخواهد داد. هر خط متنی تیز و هر عنصر طراحی دقیقاً همانطور که بر روی صفحه نمایش است، به نظر می‌رسد. این برای نمونه‌های طراحی، گزارش‌های اشکال، یا هر کار حرفه‌ای که جزئیات در آن اهمیت دارد، غیرقابل مذاکره است.

پس، چه زمانی از چیز دیگری استفاده می‌کنید؟ JPG واقعاً فقط زمانی است که اندازه فایل بزرگترین نگرانی شماست و شما با کمی مبهم بودن مشکلی ندارید. برای بایگانی مقالات یا بسته‌بندی چندین ضبط، PDF گزینه‌ای فوق‌العاده است، به ویژه زمانی که ابزاری که استفاده می‌کنید متن را قابل انتخاب نگه می‌دارد.

آیا واقعاً می‌توانم از صفحه‌ای که نیاز به ورود به سیستم دارد، اسکرین‌شات بگیرم؟

شما به طور قطع می‌توانید. هر یک از روش‌هایی که درباره آنها صحبت کردیم - از ابزارهای توسعه‌دهنده تا افزونه‌های مرورگر - با ضبط آنچه که در حال حاضر بر روی صفحه شما است، کار می‌کنند. این فرآیند به طور کامل بر روی کامپیوتر شما در حال انجام است.

زیرا شما قبلاً وارد شده‌اید، مرورگر شما صفحه را با تمام محتوای تأیید شده رندر کرده است. ابزار اسکرین‌شات فقط از آنچه که در حال حاضر وجود دارد، عکاسی می‌کند. این ابزار با سرور تعامل ندارد، بنابراین هیچ خطر امنیتی وجود ندارد.

نکته کلیدی که باید به یاد داشته باشید این است: اگر شما آن را در مرورگر خود ببینید، ابزار اسکرین‌شات می‌تواند آن را ضبط کند. این ابزارها به طور کامل برای مستند کردن چیزهایی مانند داشبوردهای حساب خصوصی یا پورتال‌های داخلی شرکت ایمن هستند.

چرا اسکرین‌شات‌های من به صورت ناپایدار به نظر می‌رسند یا تصاویر گم شده دارند؟

این احتمالاً رایج‌ترین سردرد است و تقریباً همیشه ناشی از نحوه ساخت وب‌سایت‌های مدرن است. چند تکنیک خاص به خاطر گیج کردن ابزارهای اسکرین‌شات مشهور هستند:

• بارگذاری تنبل: این زمانی است که تصاویر واقعاً تا زمانی که شما آنها را به دید نزدیک نکنید، بارگذاری نمی‌شوند.
  • این برای سرعت بارگذاری صفحه عالی است، اما برای اسکرین‌شات‌ها بد است.
  • اسکرول پارالاکس: آن افکت‌های جالب که در آن پس‌زمینه با سرعتی متفاوت از پیش‌زمینه حرکت می‌کند می‌تواند ابزارهای ضبط را گیج کند.
  • عناصر چسبنده: به هدرها، فوترها یا نوار کناری فکر کنید که در حین اسکرول در جای خود باقی می‌مانند. گاهی اوقات ممکن است آنها تکرار شوند یا محتوای موجود در تصویر نهایی را بپوشانند.

  راه‌حل به طرز شگفت‌انگیزی ساده است. قبل از اینکه اسکرین‌شات را فعال کنید، فقط یک لحظه وقت بگذارید و به صورت دستی تمام راه را به پایین صفحه اسکرول کنید و سپس به بالا برگردید. این کار مرورگر را مجبور می‌کند تا همه چیز را بارگذاری کند و به ابزار یک صفحه کامل و کاملاً رندر شده بدهد تا با آن کار کند. این یک قدم کوچک است که بیشتر اوقات مشکل را حل می‌کند.

  ---

  اگر به دنبال ابزاری هستید که این صفحات پیچیده را بدون کار اضافی مدیریت کند، مجموعه ShiftShift Extensions ارزش نگاهی دارد. ابزار اسکرین‌شات تمام صفحه با یک کلیک آن برای مقابله با ویژگی‌های طراحی وب مدرن به طرز مؤثری ساخته شده است، همه از یک پالت فرمان یکپارچه. این یک ارتقاء جدی از گزینه‌های داخلی پایه است. شما می‌توانید اکوسیستم ShiftShift را بررسی کنید تا ببینید چگونه می‌تواند جریان کار شما را ساده کند.

  مقاله با استفاده از Outrank ایجاد شده است