php - Magento 2 如何在前端处理图像？

Question

magento 2 中有很多元素，我们可以在其中附加和插入图像。那么，Magento 2 如何在前端处理所有类型的图像？它如何影响性能？Magento 2 图像处理的任何帮助、建议、技巧和提示。

标签： phpimageimage-processingfrontendmagento2

Answer 1

媒体存储可帮助您组织和访问存储在服务器上的媒体文件。文件位置的路径由基本 URL 配置确定。在处理页面和静态块时，可以从编辑器访问媒体存储中的文件。媒体存储通常与 Magento 程序文件位于同一服务器上的文件系统中。

或者，媒体文件可以在数据库中管理，或者位于单独的服务器或内容交付网络上。编辑器可以配置为对类别或产品描述中的目录内容使用静态或动态媒体 URL。

将文件上传到媒体存储

前两个步骤与插入图像相同。

1. 在所见即所得编辑器的工具栏上，单击Insert Image
2. 在图像 URL 字段后，单击Browse 。

3. 在左侧的目录树中，执行以下操作之一：

   • 导航到要保存上传图像的文件夹。

   • 导航到要创建新文件夹的位置，然后单击创建文件夹。然后，输入文件夹名称并单击“确定”。

4. 要将文件上传到媒体存储，请单击Choose Files。然后，执行以下操作：

   • 在本地计算机的目录中，导航到图像的位置。

   • 选择要上传的每个图像。

   • 单击Open。

图像被上传到服务器上的当前媒体存储文件夹。

从媒体存储插入图像

打开要编辑的页面或块。然后，使用以下方法之一从媒体存储插入图像：

所见即所得模式

• 在所见即所得编辑器的工具栏上，单击插入图像...（见第 1 点）
• 在图像 URL 字段之后，单击浏览图标（右侧的图标）。
• 插入图像（所见即所得模式）

在左侧的目录树中，导航到存储图像的文件夹。

选择图像的平铺。然后，单击插入文件。

从 HTML 模式

• 将光标定位在<img>要插入标签的代码中。
• 点击Insert Image