Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

Shimizu Toshiya
March 14, 2019
890

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

Shimizu Toshiya

March 14, 2019
Tweet

More Decks by Shimizu Toshiya

Transcript

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

    => "scale", "responsive" => "true", "responsive_placeholder" => "blank" ));
  2. Ϩεϙϯγϒϧੜ੒࣮ࡍͷ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. Ϩεϙϯγϒϧੜ੒ͱଞͷม׵ػೳͷ૊Έ߹Θͤ   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" ));