SVG转PNG图标转换器

🎨 SVG转PNG图标转换器

注意： 此工具在浏览器中运行，生成的PNG文件质量可能有限。对于生产环境，建议使用专业工具如CloudConvert或Figma。

使用说明：

将您的SVG代码粘贴到下方文本框中
选择要生成的图标尺寸
点击"生成PNG"按钮
右键点击生成的图片，选择"另存为"下载

步骤1: 导入SVG代码

📁 点击选择SVG文件或拖拽文件到此处

支持 .svg 格式文件

<svg width="128" height="128" viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#4285f4"/>
      <stop offset="100%" style="stop-color:#1a73e8"/>
    </linearGradient>
    <filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
      <feGaussianBlur in="SourceAlpha" stdDeviation="2"/>
      <feOffset dx="2" dy="2" result="offset"/>
      <feFlood flood-color="rgba(0,0,0,0.2)"/>
      <feComposite in2="offset" operator="in"/>
      <feMerge>
        <feMergeNode/>
        <feMergeNode in="SourceGraphic"/>
      </feMerge>
    </filter>
  </defs>
  
  
  <circle cx="64" cy="64" r="56" fill="url(#bg)" filter="url(#shadow)"/>
  
  
  <path d="M36 20 L92 20 Q100 20 100 28 L100 96 L64 76 L28 96 L28 28 Q28 20 36 20 Z" fill="#ffffff" stroke="#e0e0e0" stroke-width="1"/>
  
  
  <rect x="36" y="32" width="56" height="3" fill="#4285f4" rx="1.5"/>
  <rect x="36" y="40" width="48" height="2" fill="#4285f4" rx="1"/>
  <rect x="36" y="46" width="52" height="2" fill="#4285f4" rx="1"/>
  <rect x="36" y="52" width="44" height="2" fill="#4285f4" rx="1"/>
  <rect x="36" y="58" width="50" height="2" fill="#4285f4" rx="1"/>
  <rect x="36" y="64" width="46" height="2" fill="#4285f4" rx="1"/>
  
  
  <path d="M64 70 L67 77 L75 77 L69 82 L71 90 L64 86 L57 90 L59 82 L53 77 L61 77 Z" fill="#ffd700" stroke="#ff8c00" stroke-width="0.5"/>
</svg>

步骤2: 选择图标尺寸

16x16px (扩展栏图标) 48x48px (扩展管理页面) 128x128px (应用商店)

步骤3: 生成PNG图标

✅ 生成完成！

右键点击下方图片，选择"另存为"来下载PNG文件：

问题反馈

反馈来源：SVG转PNG图标转换器
工具链接：http://dkfile.com/amylhy/convert_icons.html

反馈类型

问题反馈

功能建议/需求

技术支持

商务合作

其他

反馈内容

0/1000

请尽可能详细地描述，这有助于我们更好地理解和解决问题

问题解决后，会通过你的帐号邮箱给你回复，也能在我的反馈查看问题处理进度。