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

Question

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

Answer 1

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

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

将文件上传到媒体存储

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

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

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

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

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

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

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

   • 选择要上传的每张图片。

   • 点击Open。

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

从媒体存储插入图像

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

所见即所得模式

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

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

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

从 HTML 模式

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