用Firebug动态的查看元素的变化(HTML与CSS)

.blogs figure img { width: 100%; margin: auto; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.blogs figure:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); }

CSS3标签中的transform：scale(图片缩放比例), 1代表原图显示, 1.1缩放1.1倍…

transform: 变形

scale: 缩放

tranistion: 过渡

SVG（Scalable Vector Graphics）是一种基于XML的2D矢量图形格式，可以实现图像的无损缩放和高清晰度显示。在HTML中嵌入SVG图像，可以使网页更加生动有趣，提高用户体验

<svg width="54" height="54" class="c-nav--footer__svgicon c-slackhash" viewBox="0 0 54 54" xmlns="http://www.w3.org/2000/svg">
<g fill="none" fill-rule="evenodd">
<path d="M19.712.133a5.381 5.381 0 0 0-5.376 5.387 5.381 5.381 0 0 0 5.376 5.386h5.376V5.52A5.381 5.381 0 0 0 19.712.133m0 14.365H5.376A5.381 5.381 0 0 0 0 19.884a5.381 5.381 0 0 0 5.376 5.387h14.336a5.381 5.381 0 0 0 5.376-5.387 5.381 5.381 0 0 0-5.376-5.386" fill="#44BEDF">
</path>
<path d="M53.76 19.884a5.381 5.381 0 0 0-5.376-5.386 5.381 5.381 0 0 0-5.376 5.386v5.387h5.376a5.381 5.381 0 0 0 5.376-5.387m-14.336 0V5.52A5.381 5.381 0 0 0 34.048.133a5.381 5.381 0 0 0-5.376 5.387v14.364a5.381 5.381 0 0 0 5.376 5.387 5.381 5.381 0 0 0 5.376-5.387" fill="#2EB67D">
</path>
<path d="M34.048 54a5.381 5.381 0 0 0 5.376-5.387 5.381 5.381 0 0 0-5.376-5.386h-5.376v5.386A5.381 5.381 0 0 0 34.048 54m0-14.365h14.336a5.381 5.381 0 0 0 5.376-5.386 5.381 5.381 0 0 0-5.376-5.387H34.048a5.381 5.381 0 0 0-5.376 5.387 5.381 5.381 0 0 0 5.376 5.386" fill="#ECB22E">
</path>
<path d="M0 34.249a5.381 5.381 0 0 0 5.376 5.386 5.381 5.381 0 0 0 5.376-5.386v-5.387H5.376A5.381 5.381 0 0 0 0 34.25m14.336-.001v14.364A5.381 5.381 0 0 0 19.712 54a5.381 5.381 0 0 0 5.376-5.387V34.25a5.381 5.381 0 0 0-5.376-5.387 5.381 5.381 0 0 0-5.376 5.387" fill="#E01E5A">
</path>
</g>
</svg>

享4个免费无损的图片放大工具，可以将图片最高放大至16倍，同时还能保证图片的清晰度，放大后的图片还能免费下载，大家可以根据自己的需求选择对应的图片放大工具。

1、Bigjpg-图片无损放大

https://bigjpg.com/

一个免费的在线图片无损放大工具，能够将图片放大至16倍，无需登录，打开就能看到上传图片页面，点击上传需要放大的图片，然后在图片右侧点击“开始”，下面就会进入图片放大设置页面。

提供了多种图片放大设置，支持放大的图片包括卡通、插画、照片，能够将图片放大2倍、4倍、8倍以及最高的16倍，并且还能选择放大后的图片降噪程度，选择好放大模式后点击确定，接着它会自动将图片进行放大。放大完成的图片可以直接点击下载查看放大效果。

2、waifu2x

https://waifu2x.udp.jp/index.zh-CN.html

一个专门用来放大动漫照片的工具，支持放大PNG、WEBP图片格式，能够将图片放大到4倍以上，并且还能减少图片的噪点。

它支持放大网页图片以及本地保存的图片，可以直接放入图片链接，以及直接点击上传图片，接着可以选择图片的风格，插画、照片、以及降噪程度，放大倍数图片格式等设置，然后点击转换，等待一会就可以完成图片放大。

3、万能图片转换器

https://www.xunjiepdf.com/wannengtupian

一个超级丰富的图片格式转换工具，同时还提供了各种图片图片修复、图片去水印、照片变漫画、图片无损放大、格式转换等功能，在首页点击左侧的“图片修复”，接着就可以在页面看到“图片无损放大”功能。

选择“图片无损放大”，上传需要放大的图片，接着可以在页面的右侧看到放大倍数，支持将图片放大至2倍、3倍、4倍，并且还能看到放大后的图片尺寸以及原图尺寸，滑动鼠标还能放大缩小查看图片。

放大后的图片基本上没有任何变化，能够将图片里的一些细节展示的更加清晰，下面是放大前后的图片展示图：

4、迅捷图片转换器

一个手机上的图片处理APP，不仅支持几十种图片格式转换，而且还提供了丰富的图片处理功能，包括图片压缩、图片加水印、图片降噪、图片无损放大、图片裁剪等功能全都能找到。打开首页点击下方的“工具箱”就可以找到“无损放大”功能。

接着从相册中选择需要放大的图片，然后在页面下方选择放大的倍数，支持放大2倍、3倍、4倍，并且还能看到放大后的图片尺寸大小，选择好放大倍数后点击下一步，等待一会就可以看到放大完成的图片，最后点击保存就可以下载图片了。

以上就是我整理的图片无损放大工具，想将图片放大多少倍都可以，而且放大后的图片画质还非常清晰，有需要的都可以去试试！