Imagemagick 带撇号的图像

我正试图找出上传和在文章中显示图像的最佳方式。现在，我在撇号blog pages show.html模板下有以下代码

<div>
          {{ apos.area(data.piece, 'main', {
                widgets: {
                  'apostrophe-rich-text': {
                     toolbar: [ 'Styles', 'Bold', 'Italic', 'Blockquote', 'Link', 'Anchor', 'Unlink', 'Table', 'BulletedList', 'NumberedList' ],
                     styles: [
                       { name: 'Title', element: 'h3' },
                       { value: 'h5', label: 'Subtitle' },
                       { name: 'Paragraph', element: 'p' }
                     ]
                   },
                  'apostrophe-images': {
                    size: 'original'
                  },
                  'apostrophe-video': {}
                }
              }) }}
        </div>

{{apos.area（data.piece，'main'{
小部件：{
“撇号富文本”：{
工具栏：[“样式”、“粗体”、“斜体”、“块引号”、“链接”、“锚定”、“取消链接”、“表格”、“项目列表”、“数字列表”]，
风格：[
{name:'Title'，元素：'h3'}，
{值：'h5'，标签：'Subtitle'}，
{name:'段落'，元素：'p'}
]
},
“撇号图像”：{
尺码：“原版”
},
'撇号视频'：{}
}
}) }}

我面临的问题是，我有不同大小和纵横比的图像。撇号符号或imagemagick会自动决定图像的实际纵横比，对于较大的图像，它可以正常工作，但对于较小的图像（通常小于400像素），图像会显示像素化或放大

---

不确定使用原始高度和宽度显示图像的最佳方式

如你所知，我是庞克大道撇号的首席开发者

在您给出的代码中，撇号实际上并没有以任何方式触及您的纵横比或图像大小。您正在将

size

设置为

original

，而您既没有设置

minSize

也没有设置

aspectRatio

，因此撇号实际上对您的图像没有任何意见

实际上，我们强烈反对使用

original

，除非您有非常非常好的理由让您的用户更加仔细地考虑要上传的图像的正确大小。如果你让你的用户上传他们最好的图片（好吧，高达2000x2000左右…），并使用撇号的大小，如

1/2

、

full

和

max

，并使用CSS进行最终调整，你将获得良好的页面加载速度，而无需网站管理员在Photoshop中预先调整所有内容的大小

但是再一次。。。这里的代码中没有任何内容以任何方式裁剪图像

如果您认为这里有一个bug，撇号在不应该出现的地方出现，请在github中准备一个测试项目，并在撇号项目上打开一个github问题，并提供详细信息

---

谢谢

不是最好的解决方案，但问题在于CSS样式。我不得不改写img宽度样式，修改后解决了这个问题

.apos-slideshow .apos-slideshow-item img {
    width: auto !important;
}

---

您的代码对这个问题没有帮助，因为它没有显示如何调整图像大小或如何在网页中设置图像大小。@Bonzo代码正在调用内置的撇号函数来显示图像，请查看相同的文档。问题是ImageMagick是如何使用的？您使用了什么命令行来调整它们的大小？请提供更多详细信息，因为您抱怨ImageMagick.Hello@boutell，首先要确保我不是在谈论裁剪功能。当前的问题是，当文章中的图像大小低于某个维度时，撇号cms添加css样式，使图像看起来像像素。我试着使用撇号演示网站给你一个例子，但看起来你有一个最小宽度设置。请使用此维度图像并尝试将其上载到您的一侧。步骤如下：1。转到任何文章/博客第2页。添加宽度小于350px、高度大于500px 3的图像。保存图像并刷新页面。以下是较小尺寸图像的外观示例，请注意，图像的实际大小为198x311，但在编写css后，大小变为750x1178，在这一页上，行写着“我们将在后面的教程中讨论自定义图像大小。”你知道我可以在哪里找到该教程吗？