أخذ صورة لصفحة الويب على مختلف الشاشات

وعليكم السلام محمود كل عام وأنت بخير
ما تريد تنفيذه يسمى mockup وهو نموذج لشكل الموقع على مختلف الأجهزة يمكن الذهاب لموقع مثلhttps://websitemockupgenerator.com 
وهو يتيح لك طريقتين للعمل
1-وضع الرابط الخاص بموقعك ويجب أن يكون مرفوع على الانترنت لكى يتم الوصول اليه ثم submit يقوم بتوليد نماذج مختلف للأجهزة تستطيع عمل تنزيل لها ، تستطيع عمل تنزيل صورة واحدة تجمع بين مختلف الأجهزة أو اختيار الجهاز الذى تريده.

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

و عليكم السلام 

يمكنك استخدام خدمات مثل BrowserStack و Hexomatic بحيث يمكنك اختبار ومحاكاة عمل صفحات الويب على أجهزة مختلفة و الحصول من خلالها على صور لصفحتك الإلكترونية. يسمح لك ذلك بمشاهدة كيف سيظهر موقعك الإلكتروني على مختلف الشاشات ودقة العرض، مما يساعدك على ضمان تجربة مستخدم سلسة لجميع الزوار.

او استخدام خاصية Inspect في المتصفح الخاص بك و النقر على هذا الزر Toggle Device Toolbar كما هو موضح فالصورة:

ثم من هناك يمكنك اختيار من القائمة لالتقاط  لقطات صور Screenshots مناسبة لصفحتك كما هو موضح :

ولا تنس تصميم الصورة التي تحتوي على لقطات الشاشة التي التقطتها للموقع.