+

http://tplir.imgix.net/some/Poison.jpg?blur=110&mono=ff6598cc

  • Dostępność na poziome 99.99%
  • Biblioteki dla JavaScript, PHP, Node.js, Python, Ruby, …
  • REST API
  • Bezpośredni upload za pomocą HTML5 File API

Zalety:

  • Duży rozmiar biblioteki JS                                    
  • Frankfurt :)

Wady:

http://tplir.imgix.net/some/Musco.jpg?blur=100&mono=ffFFFF99&blend=99000000&bm=darken

JavaScript


  <input type="file" id="file-chooser"> 

  <button id="upload-button">Upload to S3</button>

  var Bucket = new AWS.S3({params: {Bucket: 'myBucket'}});

  $('#upload-button').click(function() {
    var file = $('#file-chooser').get(0).files[0],
        params = {
          Key: file.name,
          ContentType: file.type,
          Body: file
        };

    Bucket.upload(params, function (isError, data) {
      if (!isError) alert('Uploaded!');
    });

  });

  bower install aws-sdk-js

 420.66 kB…

PHP


  <?php

  // Instantiate the client
  $S3 = Aws\S3\S3Client::factory(array(
      'key'    => 'your AWS access key',
      'secret' => 'your AWS secret access key'
  ));

  try {

      // Upload data
      $result = $S3->putObject(array(
          'Bucket'     => 'myBucket',
          'Key'        => '/some/sample.jpg',
          'SourceFile' => '/path/to/image.jpg',
          'ACL'        => 'public-read'
      ));

  } catch (Aws\S3\Exception\S3Exception $e) {
      // ...
  }
  • Statystyki
  • Łatwa manipulacja zdjęciami za pomocą adresu URL       
  • Biblioteki dla JavaScript i PHP do budowania URL
  • API do pobierania danych z panelu
  • Wykrywanie twarzy, maski i masa innych bajerów

Zalety:

  • Brak SLA                                                                  
  • Dość młody projekt (1 rok)

Wady:

http://tplir.imgix.net/some/Ghost.jpg?blur=100&mono=ffB55A35&blend=66000000&bm=darken

Statystyki

http://tplir.imgix.net/test/Woman.jpg

Przykład z kadrowaniem

&crop=faces

&fit=crop

?w=400&h=250

&mask=ellipse&fm=png

Dostępne funkcje

  • Animated GIF Frame and PDF Page Selection
     
  • Color and Contrast Adjustments
     
  • Sizing, Cropping, and Rotation Operations
     
  • Halftone, Blur, Pixelate Effects
     
  • CSS Palette Extraction
     
  • Text, Watermark, and Border Compositing
     
  • I masa innych

I to by było na tyle…

Dzięki!

S3 + imgIX

By Kacper Kozak

S3 + imgIX

  • 391