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

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

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

.code-box {
position: relative;
background: #272822;
color: #f8f8f2;
border-radius: 10px;
padding: 15px;
margin: 20px auto;
font-family: monospace;
direction: ltr;
overflow: auto;
}

.code-box textarea {
width: 100%;
height: 250px;
background: transparent;
border: none;
color: #f8f8f2;
resize: none;
font-size: 14px;
outline: none;
}

.code-buttons {
display: flex;
justify-content: flex-end;
gap: 10px;
margin-top: 10px;
}

.code-buttons button {
padding: 8px 12px;
background-color: #007BFF;
color: white;
border: none;
border-radius: 6px;
cursor: pointer;
font-size: 14px;
transition: 0.3s;
}

.code-buttons button:hover {
background-color: #0056b3;
}

محول الصور

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;
}

🔁 محول الصور

اختر الصيغة:

PNG
JPG
WEBP

تحويل وتحميل

معاينة الصورة

let image = new Image();
const upload = document.getElementById(‘uploadImage’);
const preview = document.getElementById(‘preview’);
const canvas = document.getElementById(‘canvas’);

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();
}

📋 نسخ
⬇️ تحميل
🗑️ مسح

function copyCode() {
const code = document.getElementById(“myCode”);
code.select();
document.execCommand(“copy”);
alert(“تم نسخ الكود!”);
}

function downloadCode() {
const code = document.getElementById(“myCode”).value;
const blob = new Blob(, { type: “text/plain” });
const link = document.createElement(“a”);
link.href = URL.createObjectURL(blob);
link.download = “code.html”;
link.click();
}

function clearCode() {
if (confirm(“هل أنت متأكد من مسح الكود؟”)) {
document.getElementById(“myCode”).value = “”;
}
}

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

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

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

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

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

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

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

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

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

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

🔁 محول الصور

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

شارك هذا الموضوع:

أضف تعليق إلغاء الرد