طريقة الاستخدام
- انقر اختر ملفات أو أسقط صورة في المربع. ويمكنك لصقها بالضغط على Ctrl+V.
- إذا كانت الصورة مائلة، انقر تدوير يساراً أو تدوير يميناً أو زر القلب.
- اختر نسبة الأبعاد، أو أبقها على حر. اسحب المربع لوضعه، واسحب زواياه أو حوافه لتغيير حجمه.
- للأرقام الدقيقة، اكتب اليسار (بكسل) والأعلى (بكسل) والعرض (بكسل) والارتفاع (بكسل).
- انقر قص الصورة ونزّل الناتج.
تحريك المربع وتغيير حجمه
اسحب داخل المربع لتحريكه، واسحب زاوية أو حافة لتغيير حجمه. ومع اختيار نسبة، تحفظ الزاوية النسبة أثناء السحب، وتحدد الحافة الضلع الآخر من النسبة. ولا يخرج المربع عن الصورة أبداً. وبلوحة المفاتيح: اضغط Tab للوصول إلى المربع، ثم استخدم مفاتيح الأسهم لتحريكه، واضغط Shift مع أحدها لتغيير حجمه.
التدوير والقلب أولاً
تُدار الصورة المأخوذة بالهاتف بشكل جانبي تلقائياً عند قراءة المتصفح لاتجاهها، فتظهر مستقيمة غالباً. وإن لم تظهر كذلك، فدورها أو اقلبها هنا. يُقص الجزء من الصورة بعد تدويرها، ويعود المربع إلى الصورة كلها عند التدوير أو القلب.
القص الدائري
يستخدم القص الدائري منطقة مربعة ويقصّها على شكل دائرة. والزوايا خارج الدائرة شفافة، وJPEG لا يحفظها، لذلك تكون النتيجة دائماً PNG. استخدمه للصور الشخصية والشعارات المستديرة.
مثال: ترويسة 16:9 من صورة 4000 × 3000
اختر نسبة 16:9 على صورة بمقاس 4000 × 3000 بكسل. أكبر مربع بهذا الشكل هو 4000 بكسل عرضاً و2250 بكسلاً ارتفاعاً، ويوضع على بعد 375 بكسلاً من الأعلى، فتُزال الشرائط العليا والسفلى بالتساوي.
الناتج صورة بمقاس 4000 × 2250 بكسل، وهي الشكل المناسب لترويسة موقع، وينتهي اسم الملف بـ -مقصوصة.
الأسئلة الشائعة
هل تُرفع صورتي عند قصها؟
لا. يُقص الجزء من الصورة في متصفحك على جهازك. يمكنك التحقق بإيقاف اتصال الإنترنت بعد تحميل الصفحة وقص صورة.
هل يخفض القص جودة الصورة؟
قص جزء من الصورة لا يغيّر البكسلات المتبقية. ويُكتب ملف JPEG من جديد بجودة عالية، فيختلف القص عن الأصل قليلاً، لكن الفرق صغير بهذه الجودة.
كيف أصنع صورة شخصية دائرية؟
فعّل خيار قص دائري (PNG بشفافية). يصبح المربع مربعاً، وتُقص الصورة على شكل دائرة بزوايا شفافة. والنتيجة PNG، فيمكن وضعها على أي خلفية.
لماذا يقفز المربع إلى الصورة كلها عند تدويرها؟
التدوير أو القلب يغيّر شكل الصورة، لذلك يُعاد ضبط المربع على الصورة كلها، أو على النسبة التي اخترتها. ارسم المربع أو اكتبه من جديد بعد تدوير الصورة.
هل أستطيع القص بعدد دقيق من البكسلات؟
نعم. اكتب اليسار والأعلى والعرض والارتفاع بالبكسل. ويبقى المربع داخل الصورة، فالقيمة التي تتجاوز حافتها تُعاد إلى الحافة.
المصادر
- MDN (باللغة الإنجليزية): CanvasRenderingContext2D.setTransform()، كيف تُوضع الصورة وتُدار
- MDN (باللغة الإنجليزية): CanvasRenderingContext2D.clip()، القص الدائري
- MDN (باللغة الإنجليزية): Pointer events، سحب المربع بالفأرة أو القلم أو اللمس
آخر مراجعة للأرقام والنص: الثلاثاء، 30 جمادى الأولى 1448 بعد الهجرة.