حاسبة حجم تحويل SVG
صندوق العرض viewBox بمقاس 24×24 يصبح عند التكبير 2× صورة PNG بمقاس 48×48. أدخل المقاس ومعامل التكبير أو العرض المستهدف لتحصل على الأبعاد بالبكسل الكامل والنسبة والميغابكسل. الأداة تحسب الحجم فقط ولا ترسم الصورة. مجانية في متصفحك.
- مجاني
- يعمل في متصفحك
- دون تسجيل
- بياناتك لا تغادر جهازك
شغّل الأداة مجانًا
مثال محلول
- عرض viewBox
- 24
- ارتفاع viewBox
- 24
- المقياس
- 2
- وضع الحساب
- scale
- العرض (px)
- 48
- الارتفاع (px)
- 48
- نسبة العرض إلى الارتفاع
- 1:1
قبل تصدير شعار أو أيقونة أو رسم توضيحي بصيغة SVG إلى PNG، يحتاج المرء إلى معرفة عدد البكسلات التي ستشغلها الصورة النقطية عند المقياس أو عرض التصدير المختار. غالبًا ما يلصق المصممون viewBox بقياس أربع وعشرين في أربع وعشرين وحدة مستخدم ويطلبون صورة شبكية بدقة مضاعفة؛ وتحتاج سكربتات البناء إلى الأرقام نفسها دون فتح متصفح أو أداة تصميم. تقبل حاسبة حجم تحويل SVG إلى نقطية عرض وارتفاع viewBox — أو سلسلة سمة viewBox كاملة — وعامل مقياس موحّد أو عرضًا مستهدفًا بالبكسل. وتعيد عرض وارتفاع PNG صحيحين يحافظان على نسبة الأبعاد، والمقياس الفعلي، ونسبة أبعاد مبسّطة، وميجابكسلات تقريبية.
كيف يصبح حجم viewBox بكسلات PNG
العرض والارتفاع هما الحجم المنطقي للعمل بوحدات المستخدم، وليسا بكسلات CSS بذاتهما. عندما يحوّل المحرّك الرسم إلى صورة نقطية، يسقط ذلك المستطيل المنطقي على شبكة بكسلات الجهاز. عند المقياس واحد، تصبح أيقونة أربع وعشرين في أربع وعشرين صورة PNG بأربع وعشرين في أربع وعشرين؛ وعند المقياس اثنين تحصل على ثمانٍ وأربعين في ثمانٍ وأربعين، وهو تصدير الشبكية الشائع بدقة مضاعفة.
يستخدم التقريب تحويلًا صحيحًا معتادًا ولا يعيد أقل من بكسل واحد على أي محور عندما يكون viewBox موجبًا، فيتجنب الصور ذات الحجم الصفري من كسور ضئيلة. تنفّذ هذه القدرة حساب الحجم فقط. لا تحلّل وسم SVG كاملًا، ولا ترسم مسارات، ولا تعيد بايتات صورة — استخدم محوّل SVG إلى PNG مخصّصًا عندما تحتاج البكسلات نفسها.
ما تحصل عليه هنا هو عقد حجم التصدير حتى تثبّت التكامل المستمر ورموز التصميم والوثائق أبعادًا دقيقة قبل أي خطوة تصيير مكلفة.
متى يفيدك معرفة حجم التصدير مسبقًا
غالبًا ما تعلن أنظمة الأيقونات ومسارات رموز التصميم viewBox منطقيًا مرة واحدة وتصدّر كثافات PNG متعددة: واحد مقابل واحد، واثنان مقابل واحد، وثلاثة مقابل واحد لأصول الجوال. حساب تلك أحجام البكسل في دالة نقية صغيرة يحافظ على اتساق بيانات التصدير وجداول README وأسماء مسارات CDN دون تشغيل متصفح بلا واجهة لكل صف. ويمكن لمواقع التسويق التي تستهدف حجم تحويل SVG النقطي أو viewBox إلى بكسلات PNG تضمين الأداة المجانية في المتصفح ليتحقق الزوّار من أحجام التصدير قبل محوّل مدفوع.
ويمكن للتكامل المستمر أن يؤكد أن ترويسة PNG المولَّد تطابق الأبعاد التي يتنبأ بها هذا الطرف لنفس viewBox والمقياس، فيلتقط الانحدارات عندما يغيّر المصمم viewBox فقط. ويستخدم مراجعو إمكانية الوصول والتخطيط حقلي الميجابكسل ونسبة الأبعاد للإشارة إلى صور نقطية ضخمة تنتفخ البريد أو حزم الجوال.
حالات الاستخدام
تصدير أيقونات شبكية ومتعددة الكثافة
من viewBox بقياس 24×24، احسب أحجام بكسل PNG بمضاعفات 1× و2× و3× لأيقونات التطبيقات وجداول رموز التصميم دون فتح أداة تصميم.
فحوصات CI على ترويسات PNG المولَّدة
تحقق من أن عرض وارتفاع PNG في المسار يطابقان الأبعاد المتوقعة لنفس viewBox والمقياس قبل شحن الأصول.
تخطيط عرض التصدير لفن التسويق
مع عرض مستهدف بالبكسل، استخرج الارتفاع المطابق من نسبة أبعاد viewBox في SVG قبل تصيير SVG إلى PNG كامل.
الأسئلة الشائعة
هل تعيد هذه الأداة ملف PNG؟
لا. تحسب أبعاد البكسل فقط. استخدم محوّل SVG إلى PNG منفصلًا عندما تحتاج بايتات صورة؛ واستخدم هذه الأداة أولًا لتخطيط الأحجام أو التحقق منها.
ما حجم أيقونة 24×24 بصيغة PNG عند تكبيرها 2× لشاشات ريتينا؟
تصبح 48 في 48 بكسل. يُضرب ضلعا صندوق العرض في معامل التكبير نفسه ثم يُقرَّبان إلى بكسل كامل، لذلك تبقى الصورة عند 1× بمقاس 24 في 24.
كيف يُحسب الارتفاع إذا حددت العرض فقط؟
يُقسم العرض المستهدف على عرض صندوق العرض للحصول على معامل التكبير الفعلي، ثم يُضرب ارتفاع صندوق العرض في هذا المعامل ويُقرَّب. وهكذا تحتفظ الصورة بتناسب أبعادها.
هل يمكنني تحديد معامل التكبير والعرض المستهدف معًا؟
لا، اختر أحدهما فقط. قد تتعارض الطريقتان في النتيجة، لذلك ترفض الحاسبة الجمع بينهما. وإذا لم تحدد أيًا منهما فإنها تستخدم معامل 1 وتعيد مقاس صندوق العرض كما هو.
أي أرقام صندوق العرض تحدد حجم صورة PNG؟
الرقمان الأخيران فقط. يتكون صندوق العرض من أربعة أرقام: نقطة البداية من اليسار والأعلى، ثم عرض الرسم وارتفاعه. ويمكنك لصق نص صندوق العرض كاملًا، فتكون له الأولوية على القيم المنفصلة.
أدوات ذات صلة
للمطوّرين — الوصول عبر API
كل ما في هذه الصفحة متاح برمجيًا. هذا القسم موجّه للفرق التقنية التي تريد ربط الأداة بأنظمتها الخاصة؛ بقية المستخدمين يمكنهم استخدام الأداة أعلاه مباشرة دون الحاجة لقراءة ما يلي.
الـEndpoint
صادِق على طلبك بترويسة Bearer، وأرسل طلب POST واحدًا لتدخل مهمتك قائمة التنفيذ فورًا؛ ثم تستلم النتيجة عبر webhook أو رابط موقّع.
استدعِ الخدمة من بيئتك
curl -X POST https://api.kit.forhosting.com/image/svg-to-png-size \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"viewbox_width":24,"viewbox_height":24}'const res = await fetch("https://api.kit.forhosting.com/image/svg-to-png-size", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"viewbox_width": 24,
"viewbox_height": 24
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/image/svg-to-png-size",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"viewbox_width": 24,
"viewbox_height": 24
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/image/svg-to-png-size", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"viewbox_width":24,"viewbox_height":24}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"viewbox_width":24,"viewbox_height":24}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/image/svg-to-png-size", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)مثال على الطلب
{
"viewbox_width": 24,
"viewbox_height": 24
}مثال على الاستجابة
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "image.svg_to_png_size",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}الواجهة غير متزامنة: تستلم task_id فور الإرسال، ويمكنك الاستعلام عن الحالة بمعدل طلب واحد في الثانية.
الأسعار
السعر معلن كما تراه: لا tokens ولا نظام نقاط؛ وإن فشلت المهمة فلن تُحاسَب عليها.
الحدود
max_mb | 15 |
max_megapixels | 12 |
الأخطاء
| HTTP | الرمز | المعنى |
|---|---|---|
401 | unauthorized | مفتاح الوصول مفقود أو غير صالح؛ تحقق من ترويسة Bearer في طلبك. |
402 | insufficient_balance | رصيدك لا يكفي لتنفيذ هذه المهمة؛ أعد شحن الرصيد ثم أعد المحاولة. |
404 | unknown_type | نوع المهمة المطلوب غير موجود في الكتالوج — راجع الاسم المرسل في الطلب. |
429 | rate_limited | تجاوزت الحد المسموح من الطلبات؛ انتظر قليلًا ثم أعد المحاولة. |
ملاحظات تقنية
وأبعاد viewBox المفقودة تفشل بخطأ invalid_input واضح حتى لا تخترع الأتمتة حجمًا. المنطق التحليلي النقي نفسه يشغّل ودجت المتصفح المجاني ومسار API بسعر $0.002 لكل استدعاء ناجح، فتتوافق مسارات التصدير وفحوصات التصميم السريعة دائمًا.
كيف يصبح حجم viewBox بكسلات PNG
يعلن viewBox في SVG نظام إحداثيات مستطيلًا بأربعة أرقام: minX وminY وwidth وheight. أبسط إسقاط يضرب المحورين بنفس عامل المقياس: width_px يساوي تقريب viewbox_width مضروبًا في scale، وheight_px يساوي تقريب viewbox_height مضروبًا في scale. ويمكنك بدلًا من ذلك تثبيت عرض الإخراج بالبكسل فقط وترك الارتفاع يتبع نسبة الأبعاد: المقياس الفعلي يساوي target_width مقسومًا على viewbox_width، ثم height_px هو حاصل ضرب viewbox_height بذلك المقياس بعد التقريب.
عقد الإدخال والأنماط وسلوك الأخطاء
ومحاور viewBox غير الموجبة والمقياس غير الموجب والعرض المستهدف غير الموجب تفشل أيضًا، وviewBox الغائب تمامًا — لا سلسلة ولا البعدان العدديان — يفشل برسالة تسمّي viewBox المفقود. تُقبل السلاسل الرقمية لكل الحقول العددية حتى لا تحتاج منشورات النماذج وأغلفة CLI نوعًا عدديًا منفصلًا. أرسل كائن JSON يحوي viewbox_width وviewbox_height كأعداد منتهية موجبة، أو الصق سلسلة سمة viewBox مثل صفر صفر أربع وعشرين أربع وعشرين في الحقل viewbox؛ وتغلب صيغة السلسلة على العرض والارتفاع المنفصلين عند وجودهما معًا. يمكنك اختياريًا تعيين scale كعامل موحّد، أو target_width كعرض PNG مرغوب بالبكسل. إن لم يُقدَّم لا scale ولا target_width، فالمقياس الافتراضي واحد بحيث يظل حجم التحويل واحدًا لواحد قابلًا للحساب. تقديم scale وtarget_width معًا يُرفض بـ invalid_input لأن النمطين لن يتفقا على الحجم المقصود. الاستجابات الناجحة تعيد viewbox_width وviewbox_height منظّفين، والمقياس الفعلي (بما فيه المشتق عند اختيار target_width)، وسلسلة mode بقيمة scale أو target_width، وwidth_px وheight_px صحيحين، وaspect_ratio مبسّطًا مثل واحد إلى واحد أو ستة عشر إلى تسعة، وaspect_decimal كالعرض على الارتفاع، وميجابكسلات تقريبية، وصيغة قصيرة تعيد صياغة الحساب. فشل التحقق لا يُحاسب؛ فقط حسابات الحجم الناجحة تفرض السعر الأساسي المنشور $0.002 على مسار API.
أين تثبت API لحجم تحويل SVG النقطي قيمتها
ولأن التنفيذ تحليل نقي من المستوى A، فإن كل استدعاء ناجح يكلّف $0.002 دون رموز نموذج ودون شبكة صادرة، وودجت الصفحة المجاني يشغّل وحدة solve نفسها. حافظ على الطلبات صغيرة، وثبّت width_px وheight_px في الاختبارات، فتحصل على أبعاد نقطية قابلة للتكرار لأنظمة التصميم وسكربتات البناء والوثائق دون إقامة أدوات صور خاصة بك.
أسئلة تقنية
كيف أحسب حجم PNG من viewBox في SVG؟
أرسل viewbox_width وviewbox_height موجبين (أو سلسلة viewBox)، مع scale اختياري (الافتراضي 1) أو target_width. تعيد API قيم width_px وheight_px صحيحة تحافظ على نسبة الأبعاد.
ماذا لو كان viewBox مفقودًا؟
تفشل المهمة بـ invalid_input. يجب توفير viewbox_width وviewbox_height، أو سلسلة سمة viewBox من أربعة أرقام. لا يُخمَّن viewBox المفقود أبدًا.
هل يمكن تعيين scale وtarget_width معًا؟
لا. اختر إما عامل مقياس موحّدًا أو عرض PNG مستهدفًا. إرسالهما معًا يعيد invalid_input حتى يكون الحجم المقصود غير ملتبس.
كم تكلفة حاسبة حجم تحويل SVG إلى نقطية؟
أداة المتصفح مجانية. طلبات API تستخدم رصيد KIT المدفوع مسبقًا بسعر $0.002 لكل استدعاء ناجح؛ والإدخال غير الصالح لا يُحاسب.