首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >优化没有图像样式的图像

优化没有图像样式的图像
EN

Drupal用户
提问于 2019-04-02 01:11:08
回答 1查看 272关注 0票数 0

我们使用的是成象_优化模块和成象_优化_雷姆希特。我们能够刷新缓存的所有图像样式,并看到一个改进。但是,有些带有background-image属性的图像没有得到优化,它们的图像样式设置为Manage Display下的image字段。

How --我可以在 Manage Display to下设置使用 Original Image Styles setting的映像吗?

我们试过的是:

  1. 启用imageapi_optimize
  2. 启用imageapi_optimize_resmushit
  3. 设置image optimize pipeline并将其设置为resmushit
  4. 使用drush if all清除所有缓存,特别是图像样式缓存
  5. 观察在缓存后使用了Original Image以外的图像样式的所有图像。
  6. 所有图像样式设置为Original Image的图像都不是优化的。
EN

回答 1

Drupal用户

回答已采纳

发布于 2019-04-02 01:29:50

假设background-image引用了示例:

背景图像在编写为:style="background-image: url(path/to/image);"时是不同的,它们不一定使用Drupal的呈现服务。

根据您的用例,可以选择几个尝试:

·尝试对图像字段URI进行预处理,然后打印图像样式的图像路径。

代码语言:javascript
复制
use Drupal\image\Entity\ImageStyle;

$imagePath = 'public://images/image.jpg';
$variables['imageStyleURL'] = ImageStyle::load('style_name')->buildUrl($imagePath);

url({{ imageStyleURL }})

·将字段的输出格式更改为"URL“,然后在url()中打印出{D4}。

代码语言:javascript
复制
url({{ image_field }})

您的问题是,Drupal (或贡献模块)如何知道图像URL应该由图像样式处理?这似乎不是一个模块的问题,更多的是他们没有机会做他们的事情。

此外,细枝调整在许多情况下不仅是一个很好的模块,还提供了一种在Twig中应用图像样式的Twig方法:

代码语言:javascript
复制
{{ field_image_path | image_style('image_style') }}

*注意,包含图像样式路径的手动图像URL将使用该图像样式:/sites/default/files/styles/image_style/public/pictures/2019-03/file_name.jpg_11

票数 2
EN
页面原文内容由Drupal提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://drupal.stackexchange.com/questions/278565

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档