كود لانشاء صفحة تحويل الصور فى مدونتك

غير معرف

29 نوفمبر 2025

لانشاء صفحة متخصصة فى تغيير الصور

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

<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
  <meta charset="UTF-8">
  <title>محول الصور</title>
  <style>
    body {
      font-family: Tahoma, sans-serif;
      text-align: center;
      background-color: #f4f4f4;
      padding: 30px;
    }

input, select, button {
      padding: 10px;
      margin: 10px;
      font-size: 16px;
    }

img {
      max-width: 100%;
      margin-top: 20px;
      border: 1px solid #ccc;
      border-radius: 10px;
    }
  </style>
</head>
<body>

<h1>🔁 محول الصور</h1>
  <input type="file" accept="image/*" id="uploadImage">
  <br>
  <label for="format">اختر الصيغة:</label>
  <select id="format">
    <option value="image/png">PNG</option>
    <option value="image/jpeg">JPG</option>
    <option value="image/webp">WEBP</option>
  </select>
  <br>
  <button onclick="convertImage()">تحويل وتحميل</button>
  <br>
  <canvas id="canvas" style="display:none;"></canvas>
  <br>
  <img id="preview" alt="معاينة الصورة" />

upload.addEventListener('change', function () {
      const file = upload.files[0];
      if (!file) return;

const reader = new FileReader();
      reader.onload = function (e) {
        image.src = e.target.result;
      };
      reader.readAsDataURL(file);
    });

image.onload = function () {
      preview.src = image.src;
    };

function convertImage() {
      const format = document.getElementById('format').value;
      const ctx = canvas.getContext('2d');
      canvas.width = image.width;
      canvas.height = image.height;
      ctx.drawImage(image, 0, 0);

const link = document.createElement('a');
      link.download = 'converted-image.' + format.split('/')[1];
      link.href = canvas.toDataURL(format);
      link.click();
    }
  </script>

</body>
</html>

فائدة صفحة محول الصور

جلب زيارات بتقديم خدمات

حوّل أي صورة إلى ملف إبداعي

حول الصور لصيغة PNG

من خلال تحويل صورك، يمكنك تحقيق كل ما يتطلبه مشروعك. بدّل إلى تنسيق JPG إذا كنت تريد تقليل حجم ملف صورتك. انتقِل إلى PNG أو SVG للحصول على تصاميم جرافيك عالية الدقة. احمِ ملفك النهائي واجعله غير قابل للتعديل كملف PDF. قم بكل ذلك وأكثر على محول ملفات الصور من Canva أو استخدم محول ملفات PDF إلى PNG، الذي يمكنك الوصول إليه على أي جهاز محمول أو مكتبي أو لوحي.

حوّل صورك وحسّنها

حسن جودة الصور

أكثر من مجرد عملية تحويل بسيطة للصور. باستخدام أداة تعديل الصور المجانية من Canva، يمكنك بسهولة تحسين مظهر صورك قبل تحويلها لاستخدامها كما تريد. امنح صورك مظهرًا مثاليًا عن طريق ضبط مستوى السطوع والتشبع فيها. أضِف التأثيرات وعناصر رسومات الجرافيك والنصوص أيضاً لجعلها مميزة. يمكنك أيضاً فتح عالم من الإمكانيات من خلال توسيع نطاق الصور باستخدام الذكاء الاصطناعي. بعد ذلك، استخدمها على الفور في أي مشروع إبداعي لديك على Canva، مثل إنشاء مقاطع فيديو رأسية حوارية باستخدام منشئ الفيديو بالذكاء الاصطناعي.

شاهد مواضيع مميزة قد تهمك ايضا

"تحميل قالب بلوجر Hotmagazine للمجلات والأخبار النسخة الاجنبية"

"سكريبت تنسيق الصفحة الرئيسية تظهر بايقونات بشكل جمالى للمدونة"

"مولد الرابط التلقائى لجوجل درايف وكود انشاء صفحة مولد بالمدونة"

"صفحة تحويل روابط احترافية من داخل المشاركة غير مخالفة لادسنس"

مميز بكل بساطة كأداة لإنشاء التصميمات. استخدام Canva تجربة غاية في السلاسة، فبمجرد أن تبدأ في التصميم، ستشعر بأنك لا ترغب في التوقف. إنه يدفعك إلى إدمانه لما له من مزايا. رائع Canva. أستخدم Canva كل يوم – فلا يمكنني أداء عملي من دونه. القدرة على منح الشعارات أسلوباً خاصاً هي الميزة المفضلة لديَّ

اضافات بلوجر اكواد اتش ام ال اكواد بلوجر بلوجر تقنيات خدمات محول الصور المجانى مكتبة الأكواد

مجلة شمس 4M

القائمة الرئيسية

الصفحات

كود لانشاء صفحة تحويل الصور فى مدونتك

حوّل صورك وحسّنها

أخر المواضيع من قسم : اضافات بلوجر

تعليقات

إرسال تعليق