window.addEventListener(‘message’, function (event) {
if (!event.data || event.data.type !== ‘resize’) return;

const iframe = document.getElementById(‘lovable-frame’);
if (iframe && typeof event.data.height === “number”) {
iframe.style.height = event.data.height + “px”;
}
});

למה להמיר SVG ל PNG?

קבצי SVG הם אידיאליים ללוגואים, אייקונים ואיורים בשל היכולת שלהם להתאים עצמם לגודל וגודל קובץ קטן. עם זאת, לא כל הפלטפורמות או היישומים תומכים בקבצי SVG, ולפעמים אתה זקוק לתמונה רסטר לצורך תאימות, עריכה או פרסום ברשת.

המרת SVG ל PNG מעניקה לך תמונה סטטית באיכות גבוהה ששומרת על השקפית ויכולה לשמש בכל המכשירים, הדפדפנים וכלים המודרניים.

יתרונות מפתח של שימוש בפורמט PNG

• ✅ דחיסה ללא הפסד – PNG שומר על איכות התמונה עם אובדן חזותי אפסי.

• ✅ תמיכה בשקפית – מושלם ללוגואים, אייקונים ועיצובים משוכבים שדורשים רקע שקוף.

• ✅ תאימות אוניברסלית – החדרת תמונות PNG בקלות לאתרים, מצגות, דוא”ל או חומרי הדפסה.

איך להשתמש בכלי זה

1. העלאת קובץ SVG
   לחץ “בחר קובץ SVG” או גרור ושחרר את הגרפיקה הווקטורית שלך לתיבה למעלה.

2. המרה אוטומטית
   הכלי ימיר את ה-SVG שלך לתמונת PNG ברזולוציה גבוהה.

3. הורדת PNG
   לחץ על כפתור הורד PNG כדי לשמור את התמונה שלך במכשיר.

4. שימוש בכל מקום
   קובץ ה-PNG שלך כעת מוכן לפרסום, עריכה או שילוב בכל פרויקט.

שאלות נפוצות

האם השקפית מה-SVG תישמר?
כן. PNG תומך בשקפית, וכלי זה שומר על כל האיברים השקופים מקובץ ה-SVG שלך.

מהו לוסלס?
דחיסה ללא הפסד מקטינה את גודל הקובץ בלי למחוק נתוני תמונה, ובכך מבטיחה שתמונת ה-PNG המומרת תיראה בדיוק כפי שהיא אמורה להיראות, ללא פגיעה באיכות.

האם כלי זה חינמי ובטוח?
בהחלט. כלי זה הוא מבוסס דפדפן, חינמי לחלוטין לשימוש, והקבצים שלך לא נשמרים לאחר ההמרה.

האם אני יכול להמיר לפורמטים אחרים?
כן, בחר מהפורמטים הבאים.

.conversion-footer {
font-family: system-ui, sans-serif;
margin: 30px 0;
}

details.convert-dropdown {
margin-bottom: 8px;
border: 1px solid #e0e0e0;
border-radius: 6px;
background-color: #fff;
transition: box-shadow 0.3s;
}

details.convert-dropdown[open] {
box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

.convert-dropdown summary {
font-weight: 600;
font-size: 15px;
padding: 12px 16px;
background-color: #f7f8f9;
border-bottom: 1px solid #e0e0e0;
cursor: pointer;
list-style: none;
position: relative;
}

.convert-dropdown summary:hover {
background-color: #eef0f2;
}

.convert-dropdown summary::marker {
display: none;
}

.convert-dropdown summary::after {
content: “▾”;
position: absolute;
right: 16px;
font-size: 12px;
transition: transform 0.3s ease;
}

details[open] summary::after {
transform: rotate(180deg);
}

.convert-dropdown a {
display: block;
padding: 10px 20px;
text-decoration: none;
color: #0073aa;
font-size: 14px;
border-top: 1px solid #f1f1f1;
transition: background 0.2s;
}

.convert-dropdown a:hover {
background-color: #f1f7fb;
color: #005177;
}