图片大小可通过图形API / FQL获得，并在自定义查看器中显示

Question

我为fb画布应用程序中的FB照片创建了一个照片查看器。所以我关心照片的尺寸。似乎所有上传的照片在FB似乎都有不同的大小。我在图形API (http://developers.facebook.com/docs/reference/api/photo/)中看到了源属性中的术语：“最大宽度或高度为720 or”，但也有一个宽度和高度属性。同样，我在fql照片(http://developers.facebook.com/docs/reference/fql/photo/)中有几张照片大小。

1. 照片大小在一个类别(src_small，normal，src_big)中是否总是相同的，或者它们是否不同？我想他们可能会不一样。
2. FB支持的格式是什么？我想它是小的，正常的和大的
3. 如何在概念上处理不同大小的观看者？我想你需要修复观众区域。3(高度)：4(宽度)。现在，通过最大化的高度或宽度来调整观看者内部的图像大小。

我往正确的方向走了吗？

Answer 1

不确定您是否注意到了，但是图API中也有一个“图像”字段，它保存了与FQL相似的“4种不同存储的照片表示”。

"images": [
  {
     "width": 720,
     "height": 483,
     "source": "http://a7.sphotos.ak.fbcdn.net/hphotos-ak-ash2/168119_10150146071831729_20531316728_7844072_5116892_n.jpg"
  },
  {
     "width": 180,
     "height": 120,
     "source": "http://photos-g.ak.fbcdn.net/hphotos-ak-ash2/168119_10150146071831729_20531316728_7844072_5116892_a.jpg"
  },
  {
     "width": 130,
     "height": 87,
     "source": "http://photos-g.ak.fbcdn.net/hphotos-ak-ash2/168119_10150146071831729_20531316728_7844072_5116892_s.jpg"
  },
  {
     "width": 75,
     "height": 50,
     "source": "http://photos-g.ak.fbcdn.net/hphotos-ak-ash2/168119_10150146071831729_20531316728_7844072_5116892_t.jpg"
  }
],

• 请注意，原始图像的宽度不是每次720 of。如果你上传一个更小的图片，它不会被放大。

从第一个视图来看，存储的图像似乎每个表示都有固定的宽度。大号180便士，中型130便士，小尺寸75便士。还有一个原始图像，它的最大宽度为720 of。

FB只支持JPEG格式。

从概念上讲，您应该为要显示的图像大小设置一个固定宽度的窗口(让我们假设您使用宽度180‘s的图像向用户显示最大的图像。身高是<= 180 is。所以你可以制作一个180×180的盒子，如果图像的高度较小的话，你可以用黑色填充背景。

或者像facebook那样去做。采取原来的形象和适合是尽可能大的，你可以进入窗口。他们使用弹出，这样就可以最大限度地占用图像的空间。使用有效的CSS，可以很容易地播放不同大小的图像。

所以，是的，你正朝着正确的方向前进，只需分析Facebook，并最大限度地利用它们。

如果您在编写所需的CSS或整理FQL查询时遇到任何困难，可以问另一个问题:)

关于CSS图像大小调整的很少阅读