لقطة شاشة لصفحة الويب كاملة: احفظ أي موقع كصورة

آخر تحديث: 13 سبتمبر 2026. القياسات أدناه مأخوذة من Chromium 151 دون واجهة على مقالات عامة من ويكيبيديا.

زر لقطة الشاشة يحفظ ما يتسع له شاشتك فقط. أما صفحة الويب فهي غالبًا أطول من ذلك بكثير، وتظهر بشكل مختلف على الهاتف، ولا تحمّل بعض صورها إلا عندما تمرّر إلى قربها. هذه الحقائق الثلاث تفسّر معظم اللقطات المخيبة: تتوقف الصفحة عند الشاشة الأولى، أو تكون «نسخة الهاتف» في الحقيقة نسخة سطح المكتب، أو يمتلئ النصف السفلي بمربعات رمادية.

إجابة سريعة: كيف تلتقط صفحة ويب كاملة؟

استخدم خاصية التقاط الصفحة كاملة المدمجة في متصفحك للصفحات التي سجّلت الدخول إليها، وأداة تحويل HTML إلى صورة عبر الإنترنت للصفحات العامة بعرض جهاز محدد. في Firefox انقر بزر الفأرة الأيمن على الصفحة، واختر «أخذ لقطة شاشة» ثم «حفظ الصفحة كاملة». وفي Chrome افتح أدوات المطوّرين، ثم قائمة الأوامر، واختر Capture full size screenshot.

للصفحة العامة، الصق عنوانها في تحويل HTML إلى صورة، واختر عرض سطح المكتب أو الجهاز اللوحي أو الهاتف، وفعّل خيار الصفحة كاملة. وقبل مشاركة أي لقطة، مرّر عليها مرة واحدة: تحقّق من الصور القريبة من الأسفل، وعرض التخطيط، والموضع الذي تنتهي فيه الصفحة.

ما طريقة الالتقاط التي تناسب مهمتك؟

• اختر المتصفح عندما يتغير محتوى الصفحة بعد تسجيل الدخول.
• اختر أداة عبر الإنترنت عندما تحتاج إلى ما يراه زائر لأول مرة، أو إلى لقطة بعرض الهاتف من الحاسوب.
• اختر السكربت فقط عندما يبرّر حجم العمل صيانته.

يشرح دليل Chrome حول التقاط الشاشة بأدوات المطوّرين أيضًا التقاط منطقة محددة أو عنصر واحد، وهذا مفيد عندما تحتاج جزءًا واحدًا من الصفحة. كما توثّق Mozilla خيارات لقطات الشاشة في Firefox، ومنها حفظ الصفحة كاملة.

ماذا تلتقط «الشاشة الأولى» و«الصفحة كاملة» فعلًا؟

لقطة الشاشة الأولى هي منطقة عرض واحدة بالضبط: 1280 × 800 بكسل في إعداد شائع لسطح المكتب. أما لقطة الصفحة كاملة فترسم المستند القابل للتمرير بأكمله في صورة واحدة طويلة. والفرق أكبر مما يتوقعه معظم الناس.

قسنا مقالة «Cat» في ويكيبيديا بعرض 1280 بكسل، فبلغ ارتفاع التمرير 42,077 بكسل، أي أكثر من 52 شاشة أولى فوق بعضها. تحدّ أداتنا لقطات الصفحة كاملة عند 12,000 بكسل، لأن صورة بهذا الطول يصعب عرضها ومشاركتها أصلًا، ولأن صفحات التمرير اللانهائي لن تنتهي أبدًا. إذا احتجت إلى صفحة أطول، فالتقطها على أجزاء.

ويؤثر الارتفاع في اختيار الصيغة أيضًا. لا تستطيع WebP حفظ صورة يزيد ارتفاعها أو عرضها على 16,383 بكسل، لذا قد يفشل حفظ لقطة طويلة جدًا بصيغة WebP بينما ينجح بصيغتي PNG وJPG.

أي صيغة تستخدم للقطة صفحة الويب؟

اختر PNG للصفحات التي يغلب عليها النص والواجهة، وWebP للمشاركة على الويب، وJPG فقط عندما ترفض الجهة المستقبلة الصيغتين. حفظنا اللقطة نفسها لمقالة «Cat» المليئة بالصور، بأبعاد 1280 × 12,000 بكسل، بثلاث طرق:

الصفحة المكوّنة من نص وواجهة بألوان مسطحة تُضغط عادةً بصيغة PNG أفضل بكثير من هذه الصفحة المليئة بالصور، ولهذا تبقى PNG الصيغة الافتراضية للقطات الواجهات. يشرح دليل صيغ لقطات الشاشة لماذا تُضعف JPEG وضوح النص الصغير، وتتعمق مقارنة WebP وJPEG وPNG في المفاضلة بينها. ولتصغير لقطة دون تغيير صيغتها، مرّرها عبر أداة ضغط الصور.

لماذا تختفي الصور من لقطة الصفحة كاملة؟

تحمّل معظم الصفحات الحديثة صورها بأسلوب التحميل الكسول: لا يجلب المتصفح الصورة إلا عندما تقترب منها بالتمرير. ولقطة الصفحة كاملة لا تمرّر، فقد يبقى كل ما في الأسفل مربعًا فارغًا لحظة الالتقاط. يوضح شرح MDN عن التحميل الكسول هذا السلوك في المتصفح.

جعل اختبارنا الأثر ملموسًا. في مقالة «Cat» تُحمَّل 55 صورة من أصل 58 تحميلًا كسولًا. وعند الالتقاط فورًا، كانت 44 صورة من أصل 45 أسفل الشاشتين الأوليين ما تزال فارغة. وبعد تمرير الصفحة حتى نهايتها والعودة إلى أعلاها، لم تبقَ أي صورة فارغة.

• مرّر إلى أسفل الصفحة ثم عد قبل الالتقاط بأدوات المطوّرين أو Firefox.
• انتظر ثانية أو ثانيتين بعد التمرير حتى يكتمل تنزيل آخر الصور.
• افحص الثلث السفلي من الصورة النهائية أولًا، فهناك تظهر الفجوات.

صارت أداتنا لتحويل HTML إلى صورة تنفّذ هذا التمرير تلقائيًا في لقطات الصفحة كاملة، وقد أضفناه بعد قياس الأرقام أعلاه.

لماذا تُظهر لقطة الهاتف نسخة سطح المكتب من الموقع؟

النافذة الضيقة ليست هاتفًا. تختار مواقع كثيرة التخطيط الذي ترسله بقراءة سلسلة وكيل المستخدم في المتصفح، لا بعرض النافذة. وتصف MDN هذا الاكتشاف عبر وكيل المستخدم وسبب استمرار شيوعه.

حمّلنا مقالة «Screenshot» في ويكيبيديا مرتين في منطقة عرض بعرض 390 بكسل. مع وكيل مستخدم لسطح المكتب، أرسل الموقع تخطيط سطح المكتب محشورًا في النافذة الضيقة بارتفاع 7,544 بكسل. ومع وكيل مستخدم لهاتف، أرسل نسخة الهاتف الحقيقية بارتفاع 2,299 بكسل.

لذلك لا يخبرك تضييق متصفح سطح المكتب بالكثير عمّا يراه زوار الهاتف. يغيّر وضع الأجهزة في Chrome وكيل المستخدم مع العرض، وكذلك تفعل خيارات الهاتف والجهاز اللوحي في أداتنا.

لماذا لا تلتقط الأدوات عبر الإنترنت localhost أو الشبكات الداخلية أو الصفحات المحمية بتسجيل الدخول؟

تحمّل أداة الالتقاط عبر الإنترنت الصفحة على خادمها، في متصفح جديد بلا ملفات تعريف ارتباط. فهي لا ترى أبدًا جلسات دخولك المحفوظة، ولذلك تُلتقط الصفحة المحمية بتسجيل الدخول على هيئة شاشة الدخول.

كما ترفض عناوين الشبكات الخاصة مثل localhost أو 192.168.x.x أو الشبكة الداخلية لشركة ما. فالسماح لزوار مجهولين بجعل خادم يجلب عناوين عشوائية ثغرة معروفة تُسمى تزوير الطلبات من جهة الخادم (SSRF)، وتصفها نظرة OWASP العامة على SSRF. والأداة الحذرة تتحقق من كل اتصال تجريه الصفحة، بما في ذلك إعادة التوجيه، لا من العنوان الذي كتبته فقط.

لهذه الصفحات، استخدم التقاط الصفحة كاملة في متصفحك أنت. فهو يعمل على حاسوبك وداخل جلستك، ويرى بالضبط ما تراه.

حل مشكلات لقطة الموقع

الشريط أو الترويسة الثابتة التي تغطي المحتوى أسهل إزالةً بعد الالتقاط: اقصصها باستخدام أداة اقتصاص الصور بدل إعادة الالتقاط.

قائمة تحقق قبل مشاركة اللقطة

1. تأكد أن العرض يطابق الجهاز المقصود.
2. افحص الثلث السفلي بحثًا عن صور فارغة.
3. تأكد أن الصفحة تنتهي في المكان المتوقع.
4. ابحث عن أشرطة تغطي محتوى مهمًا.
5. احذف بيانات خاصة لا يراها الزائر الجديد.
6. أبقِ صيغة PNG للصفحات الغنية بالنص.
7. دوّن تاريخ الالتقاط للرجوع إليه.

صفحات الويب تتغير باستمرار. وعندما تكون اللقطة دليلًا أو مرجعًا للتصميم أو تقريرًا عن خطأ، يصبح التاريخ جزءًا مما تسجله.

الأسئلة الشائعة

هل يمكنني التقاط صفحة تتطلب تسجيل الدخول؟

ليس بأداة عبر الإنترنت لا تستطيع الوصول إلى حسابك؛ استخدم التقاط الصفحة كاملة في متصفحك وأنت مسجّل الدخول.

لماذا جاءت لقطة الصفحة كاملة مقطوعة؟

تحدّ أدوات كثيرة الارتفاع، وتتوقف أداتنا عند 12,000 بكسل، أما الصفحات التي تحمّل محتوى جديدًا مع التمرير فليس لها نهاية طبيعية.

هل تحويل HTML إلى صورة هو نفسه لقطة شاشة الموقع؟

في الاستخدام اليومي نعم: كلاهما يعرض الصفحة في متصفح ثم يحفظ النتيجة ملف صورة.

ما العرض المناسب للقطة الهاتف؟

استخدم 390 بكسل، وهو عرض CSS لكثير من أجهزة iPhone الحديثة، مع وكيل مستخدم لهاتف كي يرسل الموقع تخطيط الهاتف الحقيقي.

لماذا تظهر بعض الصور مربعات فارغة؟

لأنها تُحمَّل تحميلًا كسولًا ولم تُجلب بعد؛ مرّر الصفحة قبل الالتقاط أو استخدم أداة تفعل ذلك نيابة عنك.

هل يمكنني التقاط جزء واحد فقط من الصفحة؟

نعم؛ تستطيع أدوات مطوّري Chrome التقاط عنصر واحد، أو يمكنك التقاط الصفحة كاملة ثم اقتصاص الجزء الذي تحتاجه.

هل تحتفظ الأداة عبر الإنترنت بنسخة من الصفحة؟

تحمّل الصفحة في متصفح مؤقت لإنشاء الصورة؛ راجع ملاحظات الخصوصية لكل أداة لمعرفة مدة الاحتفاظ بالنتيجة.