اذهب إلى المحتوى

السؤال

Recommended Posts

  • 0
نشر

يمكنك البحث على موقع المنتج نفسه مثل موقع Apple وغيرها من المنتجات التي تريدها .

وهناك مواقع مشهورة توفر صور عالية الجودة مجانية يمكن استخدامها في تصميم صفحات الهبوط مثل:

  • Pexels
  • Unsplash
  • Pixabay
  • StockSnap.io

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

وأيضا مواقع ال AI مثل gemnini وغيرها تستطيع إنشاء صور للمنتجات ولكن يجب تحديد الوصف بدقة للحصول على ما تريده.

ويمكنك قراءة التالي لمزيد من المواقع :

 

  • 0
نشر
بتاريخ 22 دقائق مضت قال محمد_عاطف:

يمكنك البحث على موقع المنتج نفسه مثل موقع Apple وغيرها من المنتجات التي تريدها .

وهناك مواقع مشهورة توفر صور عالية الجودة مجانية يمكن استخدامها في تصميم صفحات الهبوط مثل:

  • Pexels
  • Unsplash
  • Pixabay
  • StockSnap.io

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

وأيضا مواقع ال AI مثل gemnini وغيرها تستطيع إنشاء صور للمنتجات ولكن يجب تحديد الوصف بدقة للحصول على ما تريده.

ويمكنك قراءة التالي لمزيد من المواقع :

 

في مشروع صفحه منتج أعرف استخدم الصور دي 

img.zip

  • 0
نشر
بتاريخ 26 دقائق مضت قال Ibrahim Almahdy:

في مشروع صفحه منتج أعرف استخدم الصور دي 

img.zip 7.75 MB · 0 تنزيلات

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

يمكنك إستخدام الصور المرفقة في الدرس وبعد الإنتهاء من المشروع يمكنك إستخدام أى من الصور التي تريدها.

  • 0
نشر
بتاريخ On 25‏/9‏/2025 at 20:25 قال Ibrahim Almahdy:

في مشروع صفحه منتج أعرف استخدم الصور دي 

img.zip 7.75 MB · 0 تنزيلات

لا مشكلة تستطيع استخدامها، وفي ظهرت مشكلة في التنسيقات، فقم بإضافة كلاس بوتستراب  img-fluid إلى عنصر الصورة <img>  والذي يُطبق تنسيق max-width: 100% على الصورة، لكلي لا تتجاوز عرض العنصر الأب الذي يحتويها.

وكذلك height: auto للحفاظ على نسبة أبعاد الصورة الأصلية.

لكن لو أردن إنشاء بطاقات Cards بارتفاع ثابت أي يوجد عدة بطاقات وتريد أن يكون لها نفس الارتفاع، فقم تحديد height للعنصر الأب الذي يحتوي الصورة، ثم استخدام خصائص CSS للتحكم في كيفية ظهور الصورة داخل هذا الحيز مثل object-fit: cover

  • 0
نشر

كما تم الشرح في التعليقات السابقة فإنه يمكنك الحصول على الصور التي تريدها من خلال مواقع الصور المجانية فتحتوي على صور احترافية مثل.

  • Unsplash
  • Pexels
  • Pixabay

وابحث عن "MacBook" أو "Laptop on desk" وستجد نتائج جيدة.

أما بالنسبة ل Gemini Pro فيقوم بإنتاج صور احترافية ولكن تحتاج تحسين طريقة كتابة "الأمر" أو الـ (Prompt). للحصول على صور احترافية، عليك أن تكون محدداً جداً.

لا تكتب: "صورة جهاز ماك بوك" (A picture of a MacBook) بل اكتب وصفاً تفصيلياً كأنك تصف الصورة لمصور محترف:

مثال على Prompt احترافي:

"صورة واقعية لمنتج، أحدث جهاز MacBook Pro باللون الرمادي الفلكي، موضوع على مكتب خشبي بسيط ونظيف، إضاءة استوديو احترافية ناعمة من الجانب، خلفية بيضاء تماماً، زاوية تصوير منخفضة قليلاً لإظهار فخامة الجهاز، دقة عالية 8K، تفاصيل دقيقة."

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...