创建 Data URI | CSS-Tricks

这些对于将图像嵌入到 HTML/CSS/JS 中以节省 HTTP 请求很有用，但会以可维护性为代价。更多信息。有在线工具可以做到这一点，但如果您想要自己的非常简单的实用程序，这里有一些 PHP 代码可以实现它

function data_uri($file, $mime) {
  $contents=file_get_contents($file);
  $base64=base64_encode($contents);
  echo "data:$mime;base64,$base64";
}

Rodney Rehm

# 2012年5月1日

也许这个 Gist 也能帮上忙。

Kathirason

# 2012年5月25日

@Rodney，非常感谢 Gist 链接。。

David Higgins

# 2012年6月27日

我不喜欢这种服务器端的方式。我更喜欢客户端解决方案。这是一个更好的解决方案。只需拖放文件，它就会给你一个 DATA URI。

http://iwantaneff.in/datauri

享受！

Luca

# 2013年5月30日

不错的代码片段。更新它以自动获取正确的图像类型，而无需将其作为参数传递。


/**
 * Creates data URI string of an image file for CSS image embedding.
 * @param  [string] $file path to the file
 * @return [string]       data URI string
 */
function get_data_uri($file) {

    $contents = file_get_contents($file);
    $base64 = base64_encode($contents);
    $imagetype = exif_imagetype($file);
    $mime = image_type_to_mime_type($imagetype);
  
    return "data:$mime;base64,$base64";
}
    function data_uri($file) {
        echo get_data_uri($file);
    }

Robert

评论永久链接# 2013年11月13日

你如何使用它？

raham sher

# 2013年7月30日

兄弟，请一步一步来……

评论

发表评论 取消回复

发表评论取消回复