dedecms首页调用缩略图<div class="image" style="background-image:url([field:picname])">

可能有两个原因

1、格式错误。

一般来说网页上使用的是RGB颜色的jpg、png 或者 索引颜色的gif、png，不支持其他颜色类型如CMYK等颜色模式的，甚至对RGB格式的BMP支持的也不好。dedeCMS的上传组件报错的常见原因就是 颜色模式不对， 或者大小超过限制， 现在的错误，看上去好像是颜色模式不对。

2、服务器问题。

服务器的上传组件不正常，也可能造成这样的错误。

57的type改成了listtype=''，所以你的type='image'里面还多了个要改成listtype='image'

<a href="[field:arcurl/]">[field:image/]</span></a>这段标签对明显不是完整的，掉了一个<span>，要改成<a href="[field:arcurl/]"><span>[field:image/]</span></a>

从你给出的代码只发现了这些问题，建议缩略图调用最好使用：

<img src="[field:picname/]" width=" ";height=" " border="0" alt="[field:title function='html2text(@me)'/]" />这样的形式，有利于网站代码优化。

调用微缩图

<ul> {dede:arclist typeid='22' row='4' titlelen='20' orderby='id' imgwigth='60' imgheight='60' type='image' }

<li><img src="[field:litpic/]" width="114" height="100" /><br><a href='[field:arcurl/]'>[field:title/] </a>

</li>{/dede:arclist}</ul>

需要对列表模板代码修改及样式添加。

1：模板代码修改成：

<div class="list">

<ul>

{dede:list pagesize='12' titlelen='25'}

<li><a href="[field:arcurl/]"><img src="[field:litpic/]" border="0" /></a>

<p><a href="[field:arcurl/]">[field:title /]</a></p>

</li>

{/dede:list}

<div style="clear:both"></div>

</ul>

<div style="clear:both"></div>

</div>

2：样式元素添加

list{background-color:#FFFFFF; padding:14px; line-height:24px;border:solid 1px #E9E9E9;}

list li{ float:left; width:150px; margin:15px 13px;}

list li img{ width:150px; height:100px; border:solid 1px #E9E9E9; padding:1px; margin-bottom:5px;}

list li span{ float:right;}

list p{ text-align:center}

上述两步都操作完之后 ，你可能会发现存在错位或者尺寸不符合您要求。你需要对样式进行微调。具体网站具体对待，才可以修改完美。

秀站网整理回答，如对您有帮助，请采纳，谢谢!