قص الصورة أونلاين

قص صور JPG أو PNG أو WebP أو AVIF بأي نسبة أبعاد: 1:1 أو 16:9 أو 9:16 أو 4:5 أو أبعاد مخصصة بالبيكسل.

أو أفلت الصورة هنا

حول هذه الأداة

اقتصص أي صورة إلى منطقة مستطيلة مباشرة في متصفحك باستخدام أداة Araluma المدعومة بمكتبة cropperjs v2. أسقط ملف JPG أو PNG أو WebP أو AVIF على الصفحة وتفتح لوحة القص فوراً. اسحب المقابض لتحديد موضع القص، أو ثبّت نسبة الأبعاد (1:1 أو 16:9 أو 9:16 أو 4:5 أو 3:2 أو 4:3 أو A4)، أو اكتب الأبعاد الدقيقة بالبيكسل وسيتكيف الإطار تلقائياً. يعرض المؤشر الحي حجم الإخراج الفعلي بالبيكسل قبل النقر على تنزيل. تبقى صورتك على جهازك طوال الوقت: افتح DevTools وتحقق من علامة الشبكة ولن ترى أي طلب خارجي لرفع الصورة. يحافظ إخراج PNG وWebP على الشفافية الأصلية، بينما يستبدل إخراج JPG المناطق الشفافة بخلفية بيضاء. كما يتم حذف بيانات EXIF من كل ملف يتم تصديره. الأداة مناسبة لأي شخص يحتاج إلى قص مستطيل دقيق وسريع دون تثبيت أي برنامج، ملف واحد في كل مرة.

قص الصورة
كيف تعمل أداة القص في متصفحك

كيف تعمل أداة القص في متصفحك

تفتح الصورة مباشرة عبر File API في المتصفح. لا يوجد أي رفع إلى خادم، ولا تُحفظ أي نسخة مؤقتة خارج جهازك. اسحب إطار القص إلى الموضع المطلوب، وغيّر حجمه من الزوايا أو الحواف، فيتحدث عدد البيكسلات الحي مع كل حركة. الإحداثيات في فضاء بيكسلات الصورة الأصلية، لذا الرقم الظاهر هو الحجم الفعلي لملف الإخراج. افتح DevTools وانتقل إلى علامة الشبكة أثناء القص، لن يظهر أي طلب صورة خارجي. الملف الذي تُسقطه والملف الذي تُنزّله يبقيان كاملاً على جهازك طوال الجلسة.

قص الصورة
تثبيت نسبة الأبعاد أو إدخال أبعاد دقيقة

تثبيت نسبة الأبعاد أو إدخال أبعاد دقيقة

اضغط على شريحة نسبة الأبعاد (1:1 للمربع، 16:9 للعرض الأفقي، 9:16 للعمودي، 4:5، 3:2، 4:3 أو A4)، فيُثبَّت إطار الاختيار على تلك النسبة. اسحبه إلى أي مكان على الصورة لاختيار الجزء المراد الاحتفاظ به. للوصول إلى هدف بيكسلي محدد، اكتب العرض والارتفاع في حقول الأبعاد، ويتغير إطار القص ليطابق القيم. الإخراج يساوي دائماً حجم الاختيار بالبيكسلات الأصلية للصورة. الأداة لا تُكبّر: إذا كان الاختيار بعرض 600 بيكسل، فالملف الخارج بعرض 600 بيكسل أيضاً.

قص الصورة
إخراج JPG يستبدل الشفافية بخلفية بيضاء

إخراج JPG يستبدل الشفافية بخلفية بيضاء

إذا كان الملف المصدر يحتوي على مناطق شفافة (PNG، أو WebP بقناة alpha، أو AVIF بقناة alpha) واخترت JPG كصيغة إخراج، فإن تلك البيكسلات الشفافة تُملأ باللون الأبيض. JPG لا يملك قناة alpha، فلا يوجد مكان لتخزين الشفافية. للحفاظ على الشفافية، اختر PNG أو WebP أو AVIF في محدد الصيغة بشاشة الانتهاء. PNG وWebP ينقلان قناة alpha الأصلية دون تغيير. AVIF يدعم alpha أيضاً. محدد الصيغة يعرض خصائص كل خيار، فترى المقايضة قبل التنزيل.

قص الصورة
التنقل الدقيق بالاختيار باستخدام لوحة المفاتيح

التنقل الدقيق بالاختيار باستخدام لوحة المفاتيح

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

قص الصورة
صيغ الإخراج: PNG وJPG وWebP وAVIF

صيغ الإخراج: PNG وJPG وWebP وAVIF

بعد القص، اختر صيغة التنزيل في شاشة الانتهاء. PNG بلا خسارة ويحافظ على الشفافية. JPG يطبق ضغطاً بمعامل جودة 0.9 افتراضياً، وهذا غير محسوس بصرياً في معظم الصور. WebP يجمع بين الوضع بلا خسارة والوضع المضغوط، ويدعم الشفافية أيضاً. AVIF يُرمَّز عبر مكتبة @jsquash/avif بجودة 0.9. ينتج أصغر ملف بنفس الجودة البصرية، لكن أول ترميز AVIF في الجلسة يحتاج إلى تنزيل وحدة WASM بحجم 870 كيلوبايت لمرة واحدة. الصيغة الافتراضية للإخراج تطابق المدخل: PNG يخرج PNG، وJPG يخرج JPG. يمكنك تغيير ذلك متى شئت في شاشة الانتهاء.

قص الصورة
متى تستخدم أداة قص مختلفة

متى تستخدم أداة قص مختلفة

هذه الأداة تقص المستطيلات فقط: المربعات، النسب الأفقية، النسب العمودية، والأبعاد البيكسلية المخصصة. للقص الدائري، أي صورة ملف شخصي بزوايا شفافة، استخدم Circle Crop بدلاً من ذلك. يشترك مع نفس المعالجة على جانب المتصفح، لكنه يخرج PNG دائرياً. للأبعاد المحددة لكل منصة (Instagram 1080×1080، صورة YouTube المصغرة 1280×720، غلاف Facebook 1200×630)، تفتح صفحات الإعداد المسبق في عائلة Crop بتلك الأبعاد محملة مسبقاً فلا تحتاج إلى أي حساب. إذا كانت الصورة بحاجة إلى تغيير الصيغة دون القص أولاً، استخدم أداة Convert للحصول على PNG أو JPG أو WebP أو AVIF.

كيفية اقتصاص الصورة في دائرة

  1. ارفع صورتك

    افتح الأداة وأسقط ملف JPG أو PNG أو WebP أو AVIF على منطقة الرفع، أو انقر لتصفح ملف من جهازك.

  2. اختر النسبة أو حجم البيكسل

    اضغط شريحة نسبة الأبعاد (1:1، 16:9، 9:16، 4:5، 3:2، 4:3 أو A4)، أو اكتب أبعاداً دقيقة بالبيكسل في حقلَي العرض والارتفاع.

  3. حدد موضع الإطار

    اسحب إطار القص إلى منطقة الصورة التي تريد الاحتفاظ بها، ثم غيّر حجمه من الزوايا أو الحواف حتى يُظهر المؤشر الحي حجم الإخراج المطلوب.

  4. اقتصص ونزّل

    اضغط على اقتصاص، اختر صيغة الإخراج (PNG، JPG، WebP أو AVIF) في شاشة الانتهاء، ونزّل الملف المقصوص إلى جهازك.

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

ما نسب الأبعاد الجاهزة التي توفرها أداة قص الصور؟

تدعم الأداة نسب الأبعاد التالية: 1:1 (مربع)، 16:9 (أفقي)، 9:16 (عمودي)، 4:5، 3:2، 4:3، وA4. يمكنك أيضاً كتابة أبعاد مخصصة بالبيكسل مباشرة في حقول العرض والارتفاع، وسيتكيف إطار القص تلقائياً مع القيم التي تدخلها. المخرجات دائماً تساوي حجم المنطقة المحددة في بيكسلات المصدر الأصلية.

كيف أقص صورة لـ Instagram؟

انتقل إلى صفحة القص الخاصة بـ Instagram التي تفتح تلقائياً بنسبة أبعاد 1:1 وأبعاد 1080×1080 بيكسل مضبوطة مسبقاً. أسقط صورتك وستجد الإطار جاهزاً، فاضبط الموضع واضغط تنزيل. الإخراج هو ملف JPG أو PNG بالأبعاد الفعلية للمنطقة المحددة، وهي 1080×1080 فقط إذا كانت الصورة الأصلية بهذا الحجم أو أكبر.

هل يمكنني قص صورة بأبعاد مخصصة؟

نعم. اكتب العرض والارتفاع الدقيقَين بالبيكسل في حقول الأبعاد وسيتغير إطار القص ليطابق القيم التي أدخلتها. الأداة لا تُكبّر الصورة: إذا اخترت عرضاً أكبر من الصورة الأصلية، سيتم تقليص الإطار ليظل ضمن حدود الصورة.

ما هي صيغ الصور التي يمكنني قصها عبر الإنترنت؟

تقبل الأداة ملفات JPG وPNG وWebP وAVIF وGIF (الإطار الأول فقط). يعتمد الدعم على المتصفح لأن cropperjs v2 يستخدم عنصر img للفك بدلاً من مكتبة ترميز خاصة. HEIC وTIFF وPSD وRAW وSVG ليست مدعومة، حوّل الملف أولاً باستخدام أداة التحويل.

هل يقلل القص من جودة الصورة؟

القص نفسه لا يغير جودة الترميز. ومع ذلك، إخراج JPG يطبق ضغطاً بمعامل جودة 0.9 افتراضياً، وهو أمر غير محسوس بصرياً في معظم الصور. إخراج PNG خالٍ من الخسارة تماماً. إذا أردت الحفاظ على كل بيكسل دون تغيير، اختر PNG كصيغة إخراج في شاشة التنزيل. ملاحظة: يتم حذف بيانات EXIF من جميع الصيغ تلقائياً.

هل أداة قص الصور عبر الإنترنت مجانية الاستخدام؟

نعم، الأداة مجانية تماماً. تعمل في المتصفح مباشرة دون تثبيت، وتعالج الصورة على جهازك دون إرسالها إلى خوادم خارجية. يمكنك قص ملف واحد في كل مرة. القص الدائري متوفر في أداة منفصلة هي Circle Crop.

التفاصيل

ملاحظات من الفريق حول الحرفية والتنسيقات والقرارات الصغيرة وراء قَصّ دائري جيد.

البنية التقنية: cropperjs v2 وWeb Components
تعتمد هذه الأداة على cropperjs الإصدار 2.1.1، وهو إعادة كتابة كاملة للمكتبة الأصلية. يستخدم الإصدار 2 معمارية Web Components بدلاً من API المُنشئ القديم (new Cropper(img, { aspectRatio: 1 })). لوحة القص، طبقة الاختيار، وعنصر الصورة هي جميعها عناصر HTML مخصصة مسجلة عبر CustomElementRegistry في المتصفح. هذا يعني أن Shadow DOM يتعامل مع جميع الأنماط الداخلية: لا يوجد ملف cropper.css منفصل لاستيراده، مما يقلل طلب مورد Vite واحداً مقارنة بـ v1. قفل نسبة الأبعاد يُضبط الآن على عنصر الاختيار مباشرة (cropperSelection.aspectRatio = 1)، لا في المُنشئ، فيمكنك تغيير النسبة أثناء التشغيل دون إعادة تهيئة واجهة القص بالكامل. حجم المكتبة 41,960 بايت خام، و12,175 بايت بعد ضغط gzip، مقاساً مباشرة من رأس content-length في شبكة jsDelivr. هذه الـ 12 كيلوبايت تُدفع مرة واحدة لكل جلسة، وتُستخدم في جميع مسارات القص المسبقة عبر تقسيم القطع في Vite.
إخراج AVIF: الجودة مقابل وقت الترميز
يستخدم إخراج AVIF مكتبة @jsquash/avif بإصدار 2.1.1، والإعداد الافتراضي للجودة 0.9. يعمل المُرمِّز في WASM، والتحميل الأول 870 كيلوبايت. لا يُعاد تنزيله في المرات التالية ضمن نفس الجلسة. تتشارك مع أداة Convert في نفس القطعة. على متصفحات Chromium، الترميز بعد الإحماء حوالي 250 ميلي ثانية، لكن على Firefox يستغرق حوالي 4 أضعاف ذلك للصورة نفسها (نفس النمط في تحقق E2E لأداة Convert، docs/research/convert-e2e-2026-05-16.md). للصور الكبيرة بعرض 4000 بيكسل قد يستغرق أول ترميز عدة ثوانٍ. إذا لم تكن بحاجة إلى AVIF، فإن PNG أو WebP أسرع. إذا كنت بحاجة إلى أصغر ملف بنفس الجودة، فإن AVIF هو الخيار المناسب.
الإحداثيات في فضاء البيكسلات الأصلية
عندما تسحب اختيار القص على الشاشة، فإن الإحداثيات التي تراها في فضاء بيكسلات الصورة الأصلية، لا في فضاء بيكسلات CSS. هذا الفرق مهم على الشاشات عالية الكثافة: هاتف بنسبة بيكسل الجهاز 3× يعرض صورة بعرض 300 بيكسل CSS كـ 900 بيكسل حقيقي، لكن إحداثيات الاختيار تعكس 900 بيكسل حقيقي، لا 300 CSS. ملف الإخراج الذي تنزله يحتوي بالضبط على عدد البيكسلات الذي يمثله مستطيل الاختيار في الصورة الأصلية. عملية القص تستدعي selection.$toCanvas() من API cropperjs v2، وهي طريقة غير متزامنة تُعيد HTMLCanvasElement جديداً بأبعاد بيكسلات الاختيار. هذا الكانفس يُمرَّر بعد ذلك إلى canvas.toBlob() لـ PNG أو JPG أو WebP، أو إلى مُرمِّز @jsquash/avif لـ AVIF. لا تُدرَج خطوة تكبير. إذا كان الاختيار بعرض 800 بيكسل، فالإخراج بعرض 800 بيكسل.
الخصوصية: معالجة كاملة على الجهاز
تُقرأ الصورة مباشرة عبر File API في المتصفح، تُرسم على كانفس cropperjs v2، ثم تُصدَّر عبر canvas.toBlob() أو @jsquash/avif WASM. لا يوجد أي رفع إلى الخادم. للتحقق بنفسك، افتح DevTools علامة الشبكة، صفّ على Img، ثم أسقط الصورة واضغط زر القص. لن يُسجَّل أي طلب صورة خارجي. تحميل WASM (870 كيلوبايت عند أول اختيار AVIF) مسار منفصل عن رسم الصورة على الكانفس، وبيانات الصورة نفسها لا تغادر الجهاز. للاستخدامات الحساسة للخصوصية، مثل الصور الطبية أو صور الهوية أو لقطات الشاشة الداخلية للشركة، يمكنك القص دون أي مخاطرة في إرسال البيانات إلى الخارج.
قص لمنصات التواصل الاجتماعي: الأبعاد الفعلية
فارق مهم يجب فهمه: صفحات الإعداد المسبق (Instagram 1080×1080، YouTube 1280×720، Facebook 1200×630) تفتح بهذه الأبعاد افتراضياً في إطار القص، لكن الإخراج الفعلي هو حجم المنطقة المحددة في بيكسلات المصدر الأصلية. إذا كانت الصورة الأصلية أصغر من 1080×1080، فالمخرج سيكون أصغر. الأداة لا تُكبّر الصورة في أي مرحلة. للحصول على الأبعاد الكاملة المطلوبة من المنصة، يجب أن تكون الصورة الأصلية بنفس الحجم أو أكبر. هذا تصميم متعمد للحفاظ على جودة الصورة دون تكبير اصطناعي يخلق ضبابية. إذا كنت بحاجة إلى تكبير، استخدم أداة Upscale أولاً ثم اقتصص.
الاختلافات عن Circle Crop وأدوات القص الأخرى
هذه الأداة للقص المستطيل فقط: المربعات، النسب الأفقية، النسب العمودية، والأبعاد البيكسلية المخصصة. Circle Crop مصنوعة للقص الدائري مع زوايا شفافة، وتشترك في نفس معالجة المتصفح لكنها تنتج PNG دائرياً. لا تدعم هذه الأداة التدوير أثناء القص، أو القص الدُفعي لعدة صور في وقت واحد، أو القص الذكي بالذكاء الاصطناعي. هذه ميزات قد تأتي في موجات مستقبلية. للتحويل بين الصيغ دون قص، استخدم أداة Convert التي تنتج PNG أو JPG أو WebP أو AVIF. لتقليل حجم الملف بعد القص، استخدم أداة Compress. لتغيير الأبعاد الكلية للصورة، استخدم أداة Resize.