AKIBA.AWS #12 Cloudinaryで画像や動画配信を最適化しよう「デイリーポータルZでのCloudinary導入に向けての検証について」

80852b0b9d9b1563550a67113079cd92?s=47 Shimizu Toshiya
March 14, 2019
360

AKIBA.AWS #12 Cloudinaryで画像や動画配信を最適化しよう「デイリーポータルZでのCloudinary導入に向けての検証について」

80852b0b9d9b1563550a67113079cd92?s=128

Shimizu Toshiya

March 14, 2019
Tweet

Transcript

  1. 62.

    Ϩεϙϯγϒϧੜ੒ίʔυ   print cl_image_tag("cm-shimizu/test01/rtest3.jpg", array( "width" => "auto", "crop"

    => "scale", "responsive" => "true", "responsive_placeholder" => "blank" ));
  2. 64.

    Ϩεϙϯγϒϧੜ੒࣮ࡍͷIUNMίʔυ   <img src='data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP/// yH5BAEAAAAALAAAAAABAAEAAAIBRAA7' class='cld-responsive' data- src=‘http://res.cloudinary.com/XXXX/image/upload/c_scale,w_auto/ v1/FileName.jpg'/>

    <script src="cloudinary-core-shrinkwrap.js" type="text/javascript"> </script> <script type="text/javascript"> var cl = cloudinary.Cloudinary.new({cloud_name: "XXXX2"}); cl.responsive(); </script>
  3. 65.

    Ϩεϙϯγϒϧੜ੒ͱଞͷม׵ػೳͷ૊Έ߹Θͤ   print cl_image_tag("cm-shimizu/test01/rtest1.jpg", array( "transformation" => array( "width"

    => "1920", "height" => "1080", "crop" => "crop", "gravity" => "face" ), "width" => "auto", "crop" => "scale", "responsive" => "true", "responsive_placeholder" => "blank" ));