解决博客园图片模糊

未点击图片前：

左键单击图片后：

然后图片模糊有没有解决办法？

原来未点击图片前也模糊添加如下代码以后好了

object-fit: none;

解决方法

两种可能：
1、图片源的问题
用的博客园自带的源还是第三方的？
如果是博客园的话，尝试下用其他第三方的图床对比下。
如果是第三方的，用博客园自带的试下。

2、博客园前端代理的时候自动设置的压缩图片，这样的话就没办法修改
你可以F12看下，图片下载到本地的时候像素是否高。
如果下载到本地图片像素都不高，那基本就属于博客园服务器nginx的设置，没办法修改
如果下载到本地图片像素正常，只是博客园前端显示的时候像素不高，那么调整图片点击后弹出的宽度和高度，看下是否可以恢复。

如有问题欢迎沟通
如有帮助欢迎采纳

应该是博客园本身的自动压缩的原因，可以考虑引入url的方式展示图片

可以尝试添加以下代码来解决这个问题：

img {
  image-rendering: -webkit-optimize-contrast; /* Webkit浏览器 */
  image-rendering: -moz-crisp-edges; /* Firefox浏览器 */
  image-rendering: crisp-edges; /* 其他浏览器 */
}

这段CSS代码使用了不同浏览器的前缀，以确保在不同的浏览器中都能生效。它会改变图片的渲染方式，以提高图片的清晰度。

您可以将上述代码添加到您的博客园主题的CSS文件中，或者直接在博客园的自定义CSS中添加。请注意，如果您使用的是博客园的默认主题，可能需要先找到对应的CSS文件或自定义CSS的位置。

添加上述代码后，刷新页面，您应该能够看到图片变得更清晰了。

你把你的这段“object-fit: none;” 代码添加到html页面的css部分，或者把它保存在一个独立的css文件中，并在你的当前页面中引用一下试试。

如果以上回答对您有所帮助，点击一下采纳该答案～谢谢

已经解决了在页脚添加了如下代码

<!-- lightbox的样式 -->
<link href="https://blog-static.cnblogs.com/files/yadongliang/lightbox.css" rel="stylesheet">

<!-- lightbox.js核心代码 -->
<script src="https://blog-static.cnblogs.com/files/yadongliang/lightbox-plus-jquery.js"></script>
<script type='text/javascript'>$('#cnblogs_post_body img').wrap(function(){return "<" + "a href='"+$(this).attr("src")+"' data-lightbox='example-set'></a>"});</script>
<script type='text/javascript'>$(".code_img_closed").unwrap();</script>
<script type='text/javascript'>$(".code_img_opened").unwrap();</script>