تغيير حجم الصور لملفات GitHub README
يجب أن يكون حجم الصور الموجودة في ملفات GitHub README بحجم حاوية تخفيض السعر (عرض 700-900 بكسل عادةً) وتحسينها للتحميل السريع. تعمل الصور كبيرة الحجم على إبطاء عرض الصفحة وإهدار النطاق الترددي لكل زائر. يقوم ImageGates بتغيير حجم لقطات الشاشة والرسوم البيانية الخاصة بك إلى أبعاد GitHub المثالية.
أحجام الصور لملفات GitHub README
يعرض GitHub محتوى README في عمود يبلغ عرضه حوالي 900 بكسل على سطح المكتب ويقوم بقياس الصور لتناسبها. يتم تصغير حجم أي شيء أوسع بواسطة المتصفح، ولقطات الشاشة الخاصة بالكود هي الأكثر معاناة من إعادة التشكيل هذه.
المواصفات الدقيقة:
- Maximum useful width: 900 بكسل (عمود التمهيد)
- Retina-crisp screenshots: عرض 1800 بكسل، وعرض 900
- Social preview card: 1280×640 px (2:1)
- Per-file upload ceiling: 10 ميجابايت عبر السحب والإفلات
- الصيغ: PNG لواجهة المستخدم والتعليمات البرمجية، وSVG للمخططات، وGIF للعروض التوضيحية
ما الذي يسبب نتيجة مرفوضة أو متدهورة:
- حفظ لقطات شاشة بحجم 4 ميجابايت في المستودع، والتي يتم تنزيلها بعد ذلك في كل نسخة.
- استخدام JPG لالتقاط لقطات الشاشة الطرفية أو التعليمات البرمجية - تصبح حواف النص مبقعة.
- تشفير عرض بتنسيق HTML يكسر تخطيط الهاتف المحمول بدلاً من استخدام ملف تم تغيير حجمه.
أمر التحضير الذي يتجنب إعادة العمل:
- التقط الصورة بمعدل 2× وقم بتغيير حجم الجانب الأطول إلى 1800 بكسل.
- قم بتصدير PNG للواجهات وSVG للمخططات المعمارية.
- الضغط قبل الالتزام؛ عادةً لا يمكن تمييز لقطة الشاشة بحجم 200 كيلوبايت عن لقطة بحجم 2 ميغابايت.
How to use this tool
- تحميل الصورة — Select your screenshot, diagram, or banner for the README.
- تغيير الحجم إلى 800-1200 بكسل — Resize to fit GitHub's markdown container width.
- أضف إلى الملف التمهيدي — Download and reference in your README.md file.
Guide
تعمل الصور ذات الحجم الجيد في GitHub READMEs على تحسين وثائق المشروع وتجربة المستخدم. يقوم كل زائر إلى مستودعك بتحميل هذه الصور، لذا فإن التحسين مهم.
أفضل ممارسات صورة GitHub: - Resize to 800-1200px wide (matches container) - استخدم PNG لالتقاط لقطات الشاشة مع النص - استخدم JPG لمحتوى الصور الفوتوغرافية - استخدم SVG للمخططات والشعارات - حافظ على إجمالي وزن الصورة أقل من 5 ميجابايت لكل ملف README - استخدم استضافة صور GitHub (اسحب وإفلات إلى المشكلات)
أنواع الصور التمهيدية: 1. Project logo/banner (top of README) 2. Screenshots of the application 3. Architecture diagrams 4. Demo GIFs (keep under 5MB) 5. Badge images (auto-generated, no optimization needed)
الأسئلة الشائعة
ما هو عرض الصورة الذي يجب أن أستخدمه لملفات القراءة الخاصة بـ GitHub؟
يبلغ عرض حاوية تخفيض سعر GitHub حوالي 888 بكسل. قم بتحميل الصور بعرض 800-1200 بكسل للحصول على عرض واضح. يتم تغيير حجم الصور الأكبر حجمًا تلقائيًا وإهدار النطاق الترددي.
ما التنسيق الأفضل لصور GitHub؟
PNG للحصول على لقطات الشاشة والرسوم البيانية (نص حاد). JPG للصور الفوتوغرافية. SVG للشعارات والرسومات البسيطة. GIF للعروض التوضيحية القصيرة.
افتح أداة تغيير حجم الصورة